html页面加载完取不到id,用js得到网页中所有的div的id

核心代码

function handleAllTags(){

var arrayOfDocFonts;

if (document.all || document.getElementById) {

arrayOfDocFonts = document.getElementsByTagName("div");

}

alert("本文档DIV标记个数分别为： " + arrayOfDocFonts.length + "个。");

var tmp = 0;

for (var i = 0; i < arrayOfDocFonts.length; i++) {

if (arrayOfDocFonts[i].id != "") alert("其ID是：div[" + eval(i + 1) + "].id=" + arrayOfDocFonts[i].id);

tmp += 1;

}

}

点击计算div个数

JAVASCRIPT-如何获取页面元素对象，元素ID

1. 通过元素id获取页面元素对象

var d = document.getElementById("id");

2. 获取和修改元素的文本内容

获取：d.innerText 修改： d.innerText="xxx";

3. 获取和修改文本框的内容

获取: i.value 修改： i.value="xxx";

4. 获取和修改元素的html内容

案例1：

Insert title here

function myfn(){

//得到文本框 和 div的元素对象

var i = document.getElementById("i1");

var d1 = document.getElementById("d1");

var d2 = document.getElementById("d2");

//获取和修改元素的文本内容

d1.innerText='BBB';

//把文本框的文本内容取出给到div

d2.innerText = i.value;

}

案例2：

Insert title here

function myfn(){

//获取文本输入框和div的元素对象

var i = document.getElementById("i1");

var d = document.getElementById("d1");

//判断用户输入的内容是否是数

if(isNaN(i.value)){

//如果不是数显示xxx

d.innerText="输入错误，请重新输入！";

}else{

d.innerText = i.value*i.value;

}

}

请输入一个数：

到此这篇关于用js得到网页中所有的div的id的文章就介绍到这了,更多相关div的id内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！