如何从克隆的 div 中获取元素

Question

我有一个我克隆的 div，里面有元素。 我想从 div 中的第二个孩子中获取标题（h2）值

我该如何 go 关于这个？ 我想从<div class="heading_add"><h2>Bent over row</h2>中获取“bent over row”值

 // Make heading and button let headingDiv = document.createElement('div'); headingDiv.classList = "heading_add" let newh2 = document.createElement('h2'); newh2.innerHTML = itemRef.name; headingDiv.appendChild(newh2) videoCard.appendChild(headingDiv) // Clones the div with video newBtn.addEventListener('click', () =>{ const exercises = document.querySelector('.exercises'); let clone = videoCard.cloneNode(true); //Clones the div tags I'm trying to get clone.defaultMuted = true; let firstKid = clone.firstChild; let secondChild = firstKid.firstChild.muted = true; let meTest = firstKid.firstChild; clone.classList.add('newVid'); console.log(meTest) exercises.appendChild(clone) });

 <div class="videoCard newVid"> <div class="vid"> <video src="videostoredinfirebase" width="300" class="videoAdded" autoplay="" loop=""></video> </div> <div class="heading_add"><h2>Bent over row</h2> <button class="add_video_btn">+</button></div> </div>

Answer 1

快速而肮脏的修复

 function add() { var myDiv = document.getElementById("test"); var divClone = myDiv.cloneNode(true); document.body.appendChild(divClone); }

 <.DOCTYPE html> <html lang="en" dir="ltr"> <head> <script src="script js" charset="utf-8"></script> <meta charset="utf-8"> <title></title> </head> <body> <div id="test"> <h2> This is a div </h2> </div> <button onclick="add()">+</button> </body> </html>

如何从克隆的 div 中获取元素

问题描述

1 个解决方案

解决方案1
0 2022-07-27 10:51:10

如何从克隆的 div 中获取元素

问题描述

1 个解决方案

解决方案1 0 2022-07-27 10:51:10

解决方案1
0 2022-07-27 10:51:10