本文介绍了一个使用JavaScript DOM API创建并操作HTML元素的具体示例。通过创建一个带有特定样式和内容的`div`元素，并将其添加到页面中，展示了基本的DOM操作技巧。
<script>
function showdiv(){
//DOM js的DOM操作， 类似于php DOM操作XML
//创建一个元素，参数是元素名
var new_div = document.createElement('div');
//给div设置大小颜色，通过他的style属性来获得，但是具体的某个属性还是要根据具体的属性名来设置
new_div.style.width = '100px';
new_div.style.height = '100px';
new_div.style.backgroundColor='blue';
new_div.id='div1';
//确定位置
document.body.appendChild(new_div);
var text=document.createTextNode('abcd');
new_div.appendChild(text);
alert(document.getElementById('div1').nodeName);
}
</script>
</head>
<body>
<input type="button" onclick="showdiv()" value="click">
</body>
扫一扫
2768
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
