码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript_NoteBook

时间:2015-01-25 19:43:07      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:javascript note book

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>



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

JavaScript_NoteBook

标签:javascript note book

原文地址:http://1294872.blog.51cto.com/1284872/1608094

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!