document.write空白页

Question

我正在尝试运行此代码以从HTML代码中的段落中获取元素并显示：

<!DOCTYPE html>
<html>
<body>

<p>This is a p element<br>

This is also a p element.<br>

This is also a p element - Click the button to change the background color of all p elements in this document.</p>

<button onclick="myFunction()">Try it</button>

<script>
    function myFunction() {
        win = window.open();
        win.document.open();
        var x = document.getElementsByTagName("p");
        for (var i = 0; i < x.length; i++) {
            win.document.write(document.getElementById(x.item(i).id).innerHTML);
        }
    }
</script>

</body>
</html>

我不知道如何，但是我一直在空白。 有什么帮助吗？

谢谢。

Answer 1

您的段落没有id 。

因此，当您读取其id属性时，将得到undefined 。

调用document.getElementById(undefined)您将获得null 。

当您读取null.innerHTML ，会出现错误。

您已经有了元素。 不要尝试从元素获取ID，以便可以获取元素。

这就像从您手中的书中读取Dewey十进制代码，以便可以转到其上的书架上以进行阅读。

另外，不要使用item() ，只需将节点列表视为数组即可。

win.document.write(x[i].innerHTML);

document.write空白页

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-02-23 15:49:05

document.write空白页

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-02-23 15:49:05

解决方案1
0 已采纳 2018-02-23 15:49:05