js获取父级元素

js获取父级元素,第1张

1、打开编辑工具editplus,点击editplus菜单栏上的File-->New -->HTML page。

2、新建好html页面后,editplus自动帮助我们生成了框架,先把title修改下,然后保存。

3、在body区域里添加了子,父,祖父三级div,代码如下。

4、演示代码写好后,打开浏览器,在浏览器上运行看看效果。

5、下面在head区域里添加实现js获取最高父级的代码,代码具体如下,这样利用了while循环来判断的。

6、实现好后,保存代码,此时再到浏览器上刷新访问,看下,此时d出对话框告诉最后父级是zufu。

1 <script src="examplejs"></script>

基本用法,无async或defer属性,浏览器会立即加载并执行相应的脚本。也就是说在渲染script标签之后的文档之前,不等待后续加载的文档元素,读到就开始加载和执行,这样会阻塞后续文档的加载;

2 <script async src="examplejs"></script>

加上async属性,表示后续文档的加载+渲染与js脚本的加载+执行是并行进行的,即异步执行;

3 <script defer src="examplejs"></script>

加上defer属性,加载后续文档的过程和js脚本的加载(此时仅加载不执行)是并行进行的(异步),js脚本的执行需要等到文档所有元素解析完成之后,DOMContentLoaded事件触发执行之前。

<body>

<input type='button' class="click_update" value='我是第一个'/>

<input type='button' class="click_update" value='我是第二个'/>

<input type='button' class="click_update" value='我是第三个'/>

<input type='button' class="click_update" value='我是第四个'/>

</body>

 

<script>

 var a=$("click_update");

 for(var i =1; i<=alength-1;i++){

alert(a[i]value);

 }

</script>

以上就是关于js获取父级元素全部的内容,包括:js获取父级元素、理解JS中script标签defer和async属性、js怎么获取除本身之外所有相同类名的元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9589979.html

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

发表评论

登录后才能评论

评论列表(0条)

保存