码迷,mamicode.com
首页 > 其他好文 > 详细

4月18日总结

时间:2016-04-19 06:17:07      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

一、节点获取
1、直接获取
name=document.getElementById("X");(id命名:id="X")
name=document.getElementByTagName("X");(标签名)
name=document.getElementByClassName("X");(class="X")
name=document.getElementByName("X");(元素名)
2、关系获取
childNodes
parentNode
previousSibling
nextSibling
二、创建节点
document.createElement()
三、添加节点
ele.appentChild()加在前面
ele.insertBefore()加载后面
四、删除节点
ele.removeChild()
五、替换节点
ele.replaceChild()
六、增删改
innerHTML
七、js控制DOM操作CSS:内联样式
<head>
//内联样式!!!
<style>
p {
font-size: 20px;
}
</style>
</head>
<body>
<p style="color: red">刘星星</p>
<script>
var pEle = document.getElementsByTagName("p")[0];
pEle.style.color = "blue";//最终颜色样式为blue;
pEle.style.fontSize = "40px";//最终字体样式为40px;
</script>
</body>

4月18日总结

标签:

原文地址:http://www.cnblogs.com/zxh197242031/p/5406541.html

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