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

Question

我克隆了父div并将其设置为宽度285px。它有一个子div，我想将宽度设置为270px。我不想触摸原始的孩子，只是克隆的孩子。这是我的代码到目前为止，上半部分工作但下半部分涉及克隆父母的孩子没有。有人能帮帮我吗？

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";

主要目标是使克隆和子包内的文本在270px的宽度内。 HTML是一个youtube观看页面。这是一个greasemonkey脚本的一部分，用于在视频旁边放置一个重复的描述框，这样我就可以在观看视频时阅读成绩单和歌词。

Answer 1

由OP（Secretss）在评论中解决。

  

哎呀！修正了firstElementChild而不是firstChild。

var child = clone.firstElementChild;