js获取另一个html元素ID，js如何获取html元素对象

javascript获取html页面中ID

在js标签内，在页面加载完成时，获取body对象，使用append()方法向body动态添加一个div元素。在test.html文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。

获取id值为d1的html元素 将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。

html，填充问题基础代码。在index.html中的script标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。浏览器运行index.html页面，此时取到了div的id并成功打印出了。

答案将html代码改为 input id=btn1 type=button onclick=test(this) title=23 value=保存 / 其中加粗的this是相对你的代码增加的部分。

第一步：打开dw，新建一个html模板 第二步：利用快捷键“ctrl+s”保存这个html文件。第三步：引入第三方jQuery库。第四步：写上js控制新建div的代码。第五步：把获取id的代码写上。

相关问答

Q1: js怎么获取一个元素

1、（1）js内置pop方法 pop()方法用于删除并返回数组的最后一个元素，注意这里在获取了数组的最后一个元素的同时也将原数组的最后一个元素给删除了。

2、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

3、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。

4、在JavaScript中，你可以使用document.querySelector方法来选择页面上的第一个 元素。querySelector 方法返回文档中匹配指定 CSS 选择器的第一个元素。

5、var par=s.parentNode； //得到s的父节点 var fc=s.firstChild； //获得s的第一个子节点 var lc=s.lastChile； //获得s的最后一个子节点 } 建议：使用jquery来获取父级节点跟子级节点会更方便。

6、首先创建一个div，里面再创建一个p元素，通过p元素来获取他的父元素div。接下来我们用js来获取p元素。这样我们就得到p元素，并获得了它的值，看看结果。接下来我们就来获取这个p元素的父元素。

Q2: document.getElementById()能不能调用另个一html的id

1、在js中，document.getElementById(tmp)返回id为tmp的节点。它返回是一个唯一的节点，不是数组，不像document.getElementsByTagName。

2、document指的是你打开的页面，getElementById是通过该对象ID号取得页面上的对象。

3、在定义变量时前面不要加任何修饰符，这样的话这个变量就成了全局变量它里面保存的内容也会被全局所共享。

4、根据W3C提供的规则，只限制同一页面中的ID不可重复，但并不限制不同页面之间，包括框架包含的，因为框架其实也是两个不同页面，只不过展现在了一起。

5、通过url传参。如果是HTML页面的话，JS传到新页面就输入window.location.href=a.html？id=100。

Q3: div块用js控制innerHTML写入的新的DIV,如何获取新的div的id?

1、second).text(2).appendTo(body) //克隆并修改id和值，添加到body下面。

2、新建一个html文件，命名为test.html，用于讲解js如何获取div中的数据。在test.html文件内，使用div标签创建一行文字，文字内容为这是测试的文字。

3、有ID可以通过document.getElementById。没有的话可以通过object.getElementsByTagName取得相同标签名的元素的一个集合，然后通过下标取顺序。--- 上面已经说了。不管是之前的还是innerHTML插入的。

4、现在来说第一个方法：假如你在上面的代码的标签中假如这样一个id ：那么可以这样来找到DIV的ID值：var the_div_id = document.getElementById(test).getElementsByTagName(div)[0].id；这样要求一点点小技巧。

js获取另一个html元素ID的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js如何获取html元素对象、js获取另一个html元素ID的信息别忘了在本站进行查找喔。