document.write中的元素对齐

Question

i have the simple code below and when i run it the 我下面有简单的代码，当我运行它时

element is Aligned to the center but when i open it in a window and use document.write it goes without the defined style/alignment 元素与中心对齐，但是当我在窗口中打开并使用document.write时，它没有定义的样式/对齐方式

<!DOCTYPE html>
<html>
<body>



<p align="Center">This is a p element<br>

This is also a p element.<br>

This is also a p element - Click the button to open a doc.</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(x[i].innerHTML);
        }
    }
</script>

</body>
</html>

any idea how to keep the original format of the HTML while writing into another document ? 任何想法如何在写入另一个文档时保持HTML的原始格式？

thank you 谢谢

Answer 1

any idea how to keep the original format of the HTML while writing into another document ? 任何想法如何在写入另一个文档时保持HTML的原始格式？

You need to write outerHTML instead of innerHTML since align=center is the attribute of p which forms the outer part of the mark-up ( innerHTML won't have it) 您需要编写outerHTML而不是innerHTML因为align=center是p的属性，它构成了标记的外部部分（ innerHTML没有它）

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

Answer 2

it is normal because innerHTML take the html inside the element but not the attributes of the element. 这是正常现象，因为innerHTML接受元素内部的html而不接受元素的属性。 So as "center" is an attribute it is not taken and so not centered. 因此，由于“中心”是一个属性，因此它不会被使用，因此不会居中。

document.write中的元素对齐

问题描述

2 个解决方案

解决方案1
2 已采纳 2018-02-26 08:12:46

解决方案2
1 2018-02-26 08:22:25

document.write中的元素对齐

问题描述

2 个解决方案

解决方案1 2 已采纳 2018-02-26 08:12:46

解决方案2 1 2018-02-26 08:22:25

解决方案1
2 已采纳 2018-02-26 08:12:46

解决方案2
1 2018-02-26 08:22:25