JavaScript_NoteBook

JavaScript Note Book

【浏览器对空白文本节点的兼容问题】

注意：IE浏览器中会忽略元素节点之间的空白节点，而且其他浏览器不会忽略

【解决办法方法】（使用三元运算符）:

var result = baby.nextSibling.nodeType==1 ? baby.nextSibling : baby.nextSibling.nextSibling;

【注释】如果baby.nextSibling.nodeType==1 的节点类型是“1”，那么说明baby的下一个兄弟节点的类型是Element元素节点类型，就取baby.nextSibling，否则baby.nextSibling.nextSibling;


【文本节点的创建与添加方法】

<body>

<ul id="news">

</ul>

<script>

var lucker = ‘哈哈‘;//定义文本节点内容（值）

var news = document.getElementById(‘news‘);//获取ul元素节点

var li =document.createElement(‘li‘);//创建li元素节点

var txt = document.createTextNode(lucker);//创建文本节点并把lucker的值赋给该节点

li.appendChild(txt);//把文本节点添加到li元素节点中

news.appendChild(li);//把li元素节点添加到ul元素节点中

console.log(news);

</script>

</body>


本文出自 “学无止境” 博客，转载请与作者联系！

时间： 2024-10-12 12:42:50

JavaScript_NoteBook的相关文章