1、新建一个html文件，命名为testhtml，用于讲解Jquery如何获得div下的元素。
2、在testhtml文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。
3、在testhtml文件内，设置div的id属性为divcon，主要用于下面通过该id获得div对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得div下的元素”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行divfun（）函数。
6、在js标签中，创建divfun()函数，在函数内，通过id(divcon)获得div对象，使用html()方法便可以获得div对象下面的元素了。最后，使用alert()方法输出元素。
7、在浏览器打开testhtml文件，点击按钮，查看结果。
总结
1、创建一个testhtml文件。
2、在文件内，在div标签内，使用p标签创建一行文字，同时创建一个button按钮，用于触发执行js函数。
3、在js标签内，创建函数，在函数内，使用getElementById()方法通过id（mydiv）获是div对象，再使用getElementsByTagName()方法获得div下面的p元素对象，最后，使用alert()方法输出p元素的内容。
用JS获取Html标签属性有两种方法：
如<a id="link" href=">
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript">
var array = [];
onload = function ()
{
var tags = documentbodygetElementsByTagName ('');
for ( var i = 0; i < tagslength; i++)
{
arraypush (getText (tags[i]));
}
consolelog (array);
}
var getText = function (dom)
{
var index = 0, html = dominnerHTML;
while (domchildrenlength && index < domchildrenlength)
{
var chtml = domchildren[index]outerHTML;
html = dominnerHTMLreplace(chtml, '');
index++;
}
return "<font>" + html + "</font>";
}
</script>
</head>
<body>
<p>
ths is p<a href="">this is a</a>wyz
</p>
<i>this is i</i>
<b>this is b</b>
</body>
</html>
这个要用到JS中的innerHTML来实现，具体代码如下：
<style>
ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式
li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式
</style>
<ul id="aaa">//这里给出UL一个ID，以便JS脚本获取相应元素
<li>中国</li>
<li>美工</li>
<li>意大利</li>
<li>德国</li>
</ul>
<script>
windowonload = function(){
var obj_lis = documentgetElementById("aaa")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
</script>。
以上就是关于JS如何获取某个DIV下的元素全部的内容，包括:JS如何获取某个DIV下的元素、怎样用JS获得标签中的值、js获取网页当中所有标签里面的文本等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）