注意使用:onload用法之一:
window.onload=function () {
document.getElementById("bt01").onclick=function () {
var b=document.getElementById("bj").innerHTML;
alert(b);
}
<div > 刷新 </button>
获取标签下的子标签并输出标签内容
<ul name="city">
<div > 深圳 </div>
</ul>
<button > 再次刷新 </button>
<script type="text/javascript">
window.onload=function () {
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" ).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);
}