新建一个html文件 ， 定名为test.html ， 用于讲解js怎么找一个子元素的父元素 。
文章插图
2在test.html文件内 ， 建立一个div模块 ， 在div内包含一个p元素 ， p标签内包含a元素 。
文章插图
3设置p元素的id属性为pp ， a元素的id属性为detail ， 下面将经由过程该id找到a元素 。
文章插图
4在div模板内 ， 再建立一个button按钮 ， 按钮名称为"获得父元素" 。
文章插图
5给button绑定onclick点击事务 ， 当按钮被点击时 ， 执行getparent()函数 。
文章插图
6在getparent()函数内 ， 利用getElementById方式经由过程id找到a元素 ， 再经由过程parentNode属性获得它的父元素 。
文章插图
7最后 ， 经由过程write方式输出a元素的父元素属性 。 例如 ， 这里输出a元素的父元素p的id属性值和元素名称 。
文章插图
8【js怎么找一个子元素的父元素】在浏览器打开test.html文件 ， 点击按钮 ， 查看输出的成果 。
文章插图
文章插图
以上内容就是js怎么找一个子元素的父元素的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- QQ怎么设置自动回复
- 妈妈送的新茶是一片春意盎然的茶，女人喝什么茶最好
- 流量用超了扣话费了怎么办
- 喝茶阅读，玫瑰花茶一次泡几朵
- 百度经验新回享收入怎么计算
- 华为手机怎么开启/关闭应用创建快捷方式权限
- 怎么修改阿里巴巴的登录密码
- 怎么把视频转换成Livephoto实况相片
- 儿童戏剧教育活动的题材选择
- 如何通过隐藏我的游戏第一第二关？