新建一个html文件,定名为test.html,用于讲解js怎么找一个子元素的父元素。
在test.html文件内,建立一个div模块,在div内包含一个p元素,p标签内包含a元素。
设置p元素的id属性为pp,a元素的id属性为detail,下面将经由过程该id找到a元素。
在div模板内,再建立一个button按钮,按钮名称为"获得父元素"。
给button绑心猿意马onclick点击事务,当按钮被点击时,执行getparent()函数。
在getparent()函数内,利用getElementById()方式经由过程id找到a元素,再经由过程parentNode属性获得它的父元素。
最后,经由过程write()方式输出a元素的父元素属性。例如,这里输出a元素的父元素p的id属性值和元素名称。
在浏览器打开test.html文件,点击按钮,查看输出的成果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!