js通过id获取元素的子级元素的奇怪现象

JavaScript012

js通过id获取元素的子级元素的奇怪现象,第1张

这是因为ID是具有全局唯一性的,也就是说同一个页面是不允许出现相同ID的元素的(当然你在html中可以设定相同的id,但js只能定位到第一个),所以要想通过id来获取页面元素,只需要全局定位(即document.getElementById)即可,不需要在子元素中再来进一步定位。事实上,正是因为上述原因,getElementById是document对象的特有方法,其他对象是没有这个方法的,这就是为什么list.getElementById会提示说不是函数的原因!

1.有以下输入控件在HTML中,代码如下:<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2.可以使用js来获取id和答案varvalue=文档。getelementbyid(“productName”)。值。

3.接下来,我们将警告(value),看看是否得到了输入的值。我们可以看到,输入的值已经成功弹出。

4.也可以使用文档。getElementsByName方法(name)。

5.如果您测试结果,您仍然可以看到“value”的值成功弹出。

6.您还可以通过jquery获得输入的值,这需要引入jquery的js包并传递代码$("#id").val()。$("#productName").val()。

7.$("输入('name=名字']”).val();例如,上面的例子可以使用$("input['name=productName']").val()。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('body').append($('#shuz').val())。

3、浏览器运行index.html页面,此时shuz数组中的值被成功用js取出打印了出来。