javascript - 在不知道子元素ID的情况下更改子元素的宽度

Question

我克隆了一个父 div 并将其宽度设置为 285px。它有一个子 div，我想将其宽度设置为 270px。我不想碰原来的 child ，只想碰克隆人的 child 。到目前为止，这是我的代码，前半部分有效，但涉及克隆父级的子级的后半部分不起作用。有人可以帮我吗？

var div = document.getElementById('parent'),
    clone = div.cloneNode(true);
clone.id = "clonedparent";
clone.style.position='absolute';
clone.style.width="285px";
clone.style.overflowX="hidden";
document.body.appendChild(clone);

var child = document.getElementById('clonedparent').firstChild
child.id = "childofclonedparent";
child.style.width="270px";

主要目标是使克隆和子级中的文本在 270 像素的宽度内换行。 HTML 是 YouTube 观看页面。这是 Greasemonkey 脚本的一部分，用于在视频旁边放置一个重复的描述框，以便我可以在观看视频时阅读文字记录和歌词。

Answer 1

已由 OP ( Secretss ) 在评论中解决。

<小时/>

Ooops! Fixed it with firstElementChild instead of firstChild.

var child = clone.firstElementChild;