js获取对象的方法，根据id、根据name、根据标签名、根据类名

正文

下面的代码中展示了常用的js获取html对象的方法，并且添加了详细的注释说明。快来看看吧。

// 页面加载完毕以后再执行window.onload=function(){//1.根据id获取对象var obj = document.getElementById("tel");alert(obj.value);var divobj=document.getElementById("d1");alert(divobj.innerHTML); //输出对象的innerHTML，双标签中的内容//2.根据name获取对象,返回的是数组var arr = document.getElementsByName("sex");for(var i = 0;i<arr.length;i++){alert(arr[i].value)}//3.根据tagname标签名获取对象，返回的也是数组var brr = document.getElementsByTagName("p");for(var i = 0;i<brr.length;i++){alert(brr[i].innerHTML);}// 4.根据class类别名获取对象var crr = document.getElementsByClassName("news");for(var i = 0 ; i < crr.length ; i++){alert(crr[i].innerHTML)}}

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="js/index.js"></script></head><body><input id="tel" type="text" value="136"/><div id="d1">aaa<span>111</span></div><input type="radio" name="sex" value="男"/>男<input type="radio" name="sex" value="女"/>女<p>111</p><p>111</p><p>111</p><p>111</p><p>111</p><div class="news">aaa</div><div class="news">bbb</div><div class="news">ccc</div><div >ddd</div></body>
</html>

代码运行效果图

js获取对象的方法，根据id、根据name、根据标签名、根据类名相关推荐

js获取对象数组中的id集合
js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002& ...
php 获取js对象的属性值,js获取对象,数组所有属性键值(key)和对应值(value)的方法示例...
本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法.分享给大家供大家参考,具体如下: var values=function(object) { var values ...
js获取元素的方法与属性
js获取元素的方法可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量 <scripttyp ...
js获取对象的父元素,子元素,兄弟元素
今天测试我昨天写好的js插件,发现昨天考虑欠妥,导致[修改]做不了了!主要原因是我以前都是遍历表格,在每条记录后面添加修改按钮.现在用局部刷新表格的方法,每次都自动生成表格内容,以致于无法在记录后面生 ...
封装getByClass（JS获取class的方法封装为一个函数）
JS获取class的方法一: 普通版: <script type="text/javascript"> function getByClass(oParent, sCl ...
js获取对象里数据条数
js获取对象里数据条数对象无法使用length获取长度,需要使用js原生方法里的Object.keys方法进行获取,具体用法如下: let obj = {'a1': {'name': '张三''}, ...
JS获取对象的第一个值
JS获取对象(obj)的第一个值 obj[Object.keys(obj)[0]]
js打印数组,js打印对象的方法（100遍）
js打印数组,js打印对象的方法web开发中在调试js的时候经常需要打印数组,打印对象.由于js本身没有像php那样可以直接打印数组和对象的函数,所以作者经过研究自己总结了两种方法来解决了这个问题,下 ...
处理爬虫是返回setCookie的一段js获取acw_sc__v2的方法
处理爬虫是返回setCookie的一段js获取acw_sc__v2的方法原文链接: setCookie JS反爬虫处理处理代码 import requests import re import b ...

js获取对象的方法，根据id、根据name、根据标签名、根据类名

正文

代码运行效果图

js获取对象的方法，根据id、根据name、根据标签名、根据类名相关推荐

最新文章

热门文章