1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，使用div标签创建一个模块，在div标签内，使用p标签创建一行文字，在p标签内，使用span标签创建一行文字。
3、在testhtml文件内，设置span元素的id为box，主要用于下面通过该id获得span对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得元素名称”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getfu（）函数。
6、在js标签中，创建getfu()函数，在函数内，通过id(box)获得span对象，通过连续使用parent()获得span标签的父级的父级元素对象，再使用prop()方法获得该对象名称。最后，使用alert()方法输出元素名称。
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元素的内容。
<div
id="div1">
<p></p>
</div>
因为是动态数据，所以#div1的高度是auto，无法获取到具体值。
var
div1=documentgetElementById("div1");
alert(div1styleheight);
//没有值
建议从css上改进。
比如给中间的div设置css
{height:500px;overflow:auto;}这样就能固定高度，多出的内容用滚动条显示。
或者让尾部div相对中间的div定位。
说下你代码错误的地方吧：
1，<button>结束标签没有
2，<script type="javascript"></script>
3，是getElementsByTagName而不是getElementByTagName
4,documentgetElementsByTagName("p")应该为documentgetElementsByTagName("p")[0]
正确代码：
<!DOCTYPE html>
<html>
<body>
<h1>
我的 Web 页面</h1>
<p id="demo">
一个段落。</p>
<div id="myDIV">
一个 DIV。</div>
<button onclick="myFunction()">
点击显示</button>
<script type="text/javascript">
function myFunction() {
alert(documentgetElementsByTagName("p")[0]innerHTML);
}
</script>
</body>
</html>
以上就是关于如何撑开父元素，让父元素div自动适应高度的问题全部的内容，包括:如何撑开父元素，让父元素div自动适应高度的问题、JS如何获取某个DIV下的元素、如何通过js给div的style动态赋值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）