【DOM编程艺术】动态创建标记（签）---创建和插入节点

刺骨的言语ヽ痛彻心扉 2022-01-06 06:19 233阅读 0赞 
  1. window.οnlοad=function(){
  2.     var para=document.createElement('p');
  3.     var info= 'nodeName:';
  4.     info += para.nodeName;
  5.     info += '  nodeType:';
  6.     info += para.nodeType;
  7.     alert(info);    //nodeName:P nodeType:1
  8. }

createElement用来创建元素节点

创建P元素后，P元素就像任何其他的节点一样有了自己的DOM属性。即nodeName和nodeType值

  1. window.οnlοad=function(){
  2.     var para=document.createElement('p');
  3.     var testdiv=document.getElementById('testdiv');
  4.     testdiv.appendChild(para);
  5.     alert(testdiv.innerHTML); //<p></p>
  6. }

创建元素，后插入文档中

  1. window.οnlοad=function(){
  2.     var para=document.createElement('p');
  3.     var testdiv=document.getElementById('testdiv');
  4.     testdiv.appendChild(para);
  5.     var txt=document.createTextNode('Hello world!');
  6.     para.appendChild(txt);
  7.     alert(testdiv.innerHTML); //<p>Hello world!</p>
  8. }

以上例子是按照以下顺序来创建和插入节点的：

（1）创建一个p元素

（2）将p元素插入到文档的一个元素节点上

（3）创建一个文本节点

（4）将文本节点插入到刚才创建的p元素节点上

转载于:https://www.cnblogs.com/positive/p/3665475.html

发表评论

表情：
评论列表 （有 0 条评论，233人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JavaScript制DOM创建节点

    上几篇文章中我们罗列了一些获取HTML页面DOM对象的方法，当我们获取到了这些对象之后，下一步将对这些对象进行更改，在适当的时候进行对象各属性的修改就形成了我们平时看到的动态效

    秒速五厘米秒速五厘米/ 0 赞/ 289 阅读