javascript怎么获得元素的name属性

javascript怎么获得元素的name属性,第1张

可以直接用name这个属性取到的name的值。下面是个小例子。仅供参考:

<body>

    <div id="div" name="div" style="width:100px; height:100px; background:#ccc;"></div>

</body>

<script>

    var oDiv = documentgetElmentById('div');

    oDivonclick=function(){

        alert(oDivname);   //这个时候填出 div 

    };

</script>

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

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

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

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

js获取html元素的方式

+通过ID获取:getElementById('id属性值')

+通过标签名:getElementsByTagName('标签名')

+通过类名:getElementsByClassName('类名')

+通过name属性:getElementsByName('name属性值')

+通过选择器获取一个元素:querySelector

+通过选择器获取一组元素:querySelectorAll

1获取id值为d1的html元素

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

2通过标签名:getElementsByTagName('标签名')

参数是是获取元素的标签名属性,不区分大小写,根据标签名获取html元素, 返回的是一个数组(伪数组) 

通过类名:getElementsByClassName('类名')

参数是元素的类名,返回值是一个类数组,没有找到返回空数组。

通过类名:getElementsByClassName('类名')

必须传参数,参数是是获取元素的name属性,返回值是一个类数组,没有找到返回空数组。

通过选择器获取一个元素:querySelector

参数是选择器,返回值只获取到第一个元素。

通过选择器获取一组元素:querySelectorAll

参数是选择器,返回值是一个数组。

因为在网页的加载过程中是从上往上慢慢加载的(一般你打开网页可以看到页面加载时和文字的显示都从上往下慢慢显示的),因此当加载到你的JS代码时,此时JS去找pre标签,而此时pre标签还未加载,所以不可能找到,但是如果你这段JS放在pre标签的后面就会显示正常。

解决办法有三种:

1、同一楼所说的,在body标签中加入 onload=函数名,该函数名对应的函数体就是你这段JS代码。

2、对<script language="javascript" type="text/javascript">稍作修改,:<script language="javascript" type="text/javascript" defer="true">加入defer标签,意味着这段JS代码延迟加载。

3、可以使用jQuery库,

<script language="javascript" type="text/javascript">

$(function(){

你的JS代码

})

</script>

第一步:首选需要获取element元素,有很多种方法getElementById("")(只能获取单一dom元素)想要获取元素集合请使用getElementsByName("")

第二步:设置属性-elementsetAttribute("属性名称","属性值");获取属性-elementgetAttribute("属性名称");

以上就是关于javascript怎么获得元素的name属性全部的内容,包括:javascript怎么获得元素的name属性、js 中如何取出数组中的值、js获取html元素的方式等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9537327.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存