从阴影DOM获取元素
从阴影DOM获取元素
提问于 2014-09-29 16:42:42
在我正在进行的项目中，我有一个HTML文档，该文档是通过应用程序生成的，然后传递给一个函数，该函数将HTML转换为PDF。
在HTML中，我有文本区域来显示可编辑的信息。当用户编辑当前文本区域中的信息时，我希望保存该信息，以便在传递给PDF生成器时，它是DOM的最新版本。
经过一些测试后，我发现文本区域内容的编辑版本在Shadow DOM中。
有没有办法获取该内容并将其放入实际的DOM中？
我并不是在显式地将内容放在那里，但是使用Firebug和WebInspector，我可以把它看作是影子内容。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-29 20:49:03
您可以使用<textarea>的value属性获取当前值，并通过其.textContent属性将其放入DOM中：
function f() {
var t = document.getElementById('t');
t.textContent = t.value;
alert("The resulting DOM is: " + t.parentNode.innerHTML);
}<div>
<textarea id = "t">test</textarea>
</div>
<button onclick="f()">click</button>
...assuming您调用的函数确实从页面的DOM读取了它的输入。这是什么图书馆？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26104837
复制相关文章
相似问题
腾讯云开发者
