<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//增 document.createElement();//strong div text
//document.createTextNode();//创建文档节点
//document.createComment();//创建注释节点
//document.createDocumentFragment();
//插
//PARENTNODE.appendChild();
//PARENTNODE.insertBefore(a,b);
//div.insertBefore(a,b);
///删
//parent.removeChild();
//child.remove();
//parent.replaceChild(new,origin);
//Element节点的一些属性
//innerHTML
//innerText(火狐不兼容)//textContent(老版本IE不好使)
//Element节点的一些方法
//ele.setAttribute()
//ele.getAttribute();
//练习 编写一段JS脚本生成下面这段DOM结构 要求 使用标准的DOM方法或属性
//<p class="slogan">比尔斯,你的粉眼睛呢!</p>
//提示 都没、。className可以读写clas
</script>
<script type="text/javascript">
var div = document.createElement('div');
var p = document.createElement('p');
div.setAttribute('calss','example');
p.setAttribute('calss','example');
var text =document.createTextNode('粉眼');
p.appendChild(text);
div.appendChild(p);
document.body.appendChild(div);
//div.calssName=""
div.innHTML=();
//封装函数insertAfter();功能类似inserBefore();
//<div>
// <i></i>
//<b></b>
//<p></p>
//<span></span>
//</div>
//Element.prototype.insertAfter = function(targetNode,
//afterNode){
//var beforeNode = afterNode.nextElementSibling;
//if(beforNode == null){
// this.appendChild(targetNode);
//}else{
// this.insertBefore(targetNode, beforeNode);
//}
//}
//var div = document.getElementsByTagName('div')[0];
//var b =document.getElementsByTgName('b')[0];
//var span = document.getElmentsByTagName('span')[0];
//var p = document.createElement('p');
</script>
</head>
</body>
</html>
2021-01-29
最新推荐文章于 2021-09-17 14:56:18 发布