onload js给body创建标签

注意使用：onload用法之一：
window.onload=function () {
document.getElementById("bt01").onclick=function () {
var b=document.getElementById("bj").innerHTML;
alert(b);
}
<div id="bj"> 北京 </div>
<button id="bt01"> 刷新 </button>

获取标签下的子标签并输出标签内容
<ul name="city">
<div id="bj"> 北京 </div>
<div id="sh"> 伤害 </div>
<div id="gd"> 广东 </div>
<div id="sz"> 深圳 </div>
</ul>

document.getElementById("bt02").onclick=function () {
var b=document.getElementsByName("city");
for(var a=0;a<b.length;a++)
alert(b[a].innerHTML);//这个显示HTML页面的所有包括div啥的内容
// innerText只显示文本信息不显示其他内容
}
}
</script>

通过标签名得到主标签再直接的到div标签
var c=document.getElementById("bcity").getElementsByTagName("div");
for(a in c)
{
alert(c[a].innerText);
}
<ul name="city" id="bcity">
<div id="bj"> 北京 </div>
<div id="sh"> 深圳 </div>
<div id="gd"> 广东 </div>
<div id="sz"> 深圳 </div>
<div > 深圳1</div>
</ul>
得到主标签下的所有子标签类似树返回一个[object NodeList
alert(document.getElementById("bcity").childNodes);
其.length 也把空白字符放到长度里了所以长度与div的数量不相符
得到第一个主标签下的第一个标签节点
document.getElementById("bcity").firstChild;
得到父节点，同理你应该会把？？？？
得到前一个的兄弟节点：看前面写的属性

22 JS给body创建标签：
因为html是从上到下读取内容的所有不能把创建过程随便放到外边所以有 2种创建方法
function f() {
var b=document.createElement("div");
b.innerText="我爱你";
document.body.appendChild(b)； //添加子元素
alert(b.innerText);
}
然后在某个按钮啥的调用
或者在window.onload中使用同上
反正对于document来说所有东西包括文本都封装成为一个对象
例如：这个函数
function f() {
var b=document.createElement("div");
var a=document.createTextNode("wo diao ni ma de");
b.appendChild(a);

document.body.appendChild(b);
alert(b.innerText);
}

onload js给body创建标签

猜你喜欢