javascript如何動態插入html元素呢?

主要有是两种方案:

 

1.使用DOM

   //使用createElement创建元素
    var dialog = document.createElement('div');
    var img = document.createElement('img');
    var btn = document.createElement('input');
    var content = document.createElement('span');
    // 添加class
    dialog.className = 'dialog';
    // 属性
    img.src = 'close.gif';
    // 样式
    btn.style.paddingRight = '10px';
    // 文本
    span.innerHTML = '您真的要GG吗?';
    // 在容器元素中放入其他元素
    dialog.appendChild(img);
    dialog.appendChild(btn);
    dialog.appendChild(span);
    ```
## 2.使用html template
``` javascript
var popContent =[
                '<li class="monitory-point-li" indexcode="00000000001310013631">',
                  '<span class="checkbox-unchecked"></span>',
                  '<span class="monitory-text" title="'+name+'">'+formedName+'</span>',
                '</li>'
                ].join(' ');
$('.document').append(popContent);
 
<div class="se-preview-section-delimiter"></div>

或者使用这种写法

var popContent =
                '<li class="monitory-point-li" indexcode="00000000001310013631">'+
                  '<span class="checkbox-unchecked"></span>'+
                  '<span class="monitory-text" title="'+name+'">'+formedName+'</span>'+
                '</li>';
$('.document').append(popContent);

javascript如何动态插入html元素呢?

 

高潮毛片无遮挡高清免费,亚洲精品无码久久久影院相关影片,亚洲午夜精品久久久久久APP,欧洲少妇极品XXXX

文章鏈接: http://www.epressepress.com/11010.html

文章標題:javascript如何動態插入html元素呢?

文章版權:夢飛科技所發布的內容,部分為原創文章,轉載請注明來源,網絡轉載文章如有侵權請聯系我們!

給TA打賞
共{{data.count}}人
人已打賞
主機控制面板建站教程投稿分享

Windows常用快捷鍵

2022-10-11 22:53:40

建站教程投稿分享

簡述香港云服務器的演變和發展路徑

2022-10-12 21:08:26

0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索

夢飛科技 - 最新云主機促銷服務器租用優惠