js怎么获取一个元素
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js怎么获取一个元素相关的知识，希望对你有一定的参考价值。
JS认为HTML文件会被浏览器解析为文档流，写在HTML里面的所有标签元素都可以从文档流中读取到。基于这个理论，JS定义了一个document对象，专门用来处理文档流。
要想获取一个元素，有两种方式：一种是根据元素的类名（class属性值），另一种是根据元素的ID。假设有一个input元素，JS获取该元素的方式如下：
<input class="isInput" id="input_first">
var element=document.getElementByClass("isInput")[0];或者
var element=document.getElementById("input_first");
需要注意的是，根据类名获取到的是一个数组，必须要通过下标才能获取到具体的某个元素。而根据ID获取到的则是具体的元素，所以常用的方式是用ID来获取。
参考技术A js获取元素方法有：1、getElementById ：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。
2、getElementsByName：getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所以getElementsByName() 方法返回的是所有匹配元素组成的数组，而不是一个元素。
3、getElementsByTagName：getElementsByTagName() 方法会使用指定的标签名返回所有的元素（作为一个节点列表），这些元素是您在使用此方法时所处的元素的后代。
getElementsByTagName() 可被用于任何的 HTML 元素
如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。
传递给 getElementsByTagName() 方法的字符串可以不区分大小写
兄弟们！怎么用JS JS JS 获取当前元素的第一级子元素？
就是我想遍历用黄色箭头指的DIV
var father=document.getElementById("father")
var div=father.getElementsByTagName("div")[0]
a()
function a()
var ary=[]
var b=div.nextElementSibling
while (b)
ary.push(b)
b=b.nextElementSibling
console.log(ary)
</script> 参考技术B
原生JS的话 我举例子吧 我喜欢举例子 你自己看
<!DOCTYPE html><html>
<body>
<div id="father">
<div><div>dfdfdf</div></div>
<div><div></div></div>
</div>
<script>
var c=document.getElementById("father").children;//获取id为father的所有子节点，这句代码就是答案啦
c[0].style.fontSize="28px";//下面的代码验证成功用
console.log(c);
</script>
</body>
</html>
嘛 其实JQ也挺好的
$('#father').children()所以加个分采纳吧
嗯！非常感谢！！！用jq了，答案应该采纳你的，点错了.....尴尬。。。
追答坟蛋！！怎么又一个这样的= = = 555你们手怎么都那么滑
参考技术C 用JQuery多好 $("#father").children("div");本回答被提问者采纳以上是关于js怎么获取一个元素的主要内容，如果未能解决你的问题，请参考以下文章