-2

刚开始学习 JavaScript，写了下面简单的代码来打印文本并在浏览器中测试它。

输出是：

这是来自一个javascript函数......

这是我的测试标题

但我试图将打印的句子的顺序（交换打印的两个句子）更改为：

这是我的测试标题

这是来自一个javascript函数......

以下代码中需要进行哪些更改才能打印按上述顺序打印的文本。

<!DOCTYPE html>
<html>

<body>

<p id="demo">This is a paragraph.</p>
<p id = "demo1">This is demo1.</p>

</body>

<script>
//document.write("<h3>This is my test heading</h3>");
document.getElementById("demo1").innerHTML="This is my test heading";
</script>

<script>

//alert("My First JavaScript");

displaytext();

function displaytext()
{
    
    document.getElementById("demo").innerHTML="This is from a javascript function...";
    
}

</script>

</html>
4

2 回答 2

1

在 HTML 中，JavaScript 函数的顺序并不像您放置 HTML 元素的顺序那么重要。

http://jsfiddle.net/3CpU7/

上面的小提琴有你的答案：你必须切换 DIV。

<p id = "demo1">This is demo1.</p>
<p id="demo">This is a paragraph.</p>

另外，请记住 - 您可以使用 CSS 为 DIV 创建您想要的任何行为（例如浮动、清除、位置等）

编辑：

另一种明显的方法是，如果您不想更改 HTML 标记，则将 DIV 的内容交换为：（另一个小提琴：http: //jsfiddle.net/3CpU7/1 / )

document.getElementById("demo").innerHTML="This is my test heading";
displaytext();

function displaytext()
{

    document.getElementById("demo1").innerHTML="This is from a javascript function...";

}

希望对你的初步学习有所帮助。:)

于 2013-08-10T18:20:18.100 回答
-4

切换 HTML 元素的id. 正如函数名所暗示的那样，该getElementById函数为您获取具有给定 id 的 HTML 元素（如果存在，则为 else null）。

这个

document.getElementById("demo1")

指

<p id="demo1">This is a paragraph.</p>

和

document.getElementById("demo")

指

<p id="demo">This is demo1.</p>

由于您的 HTML 中的元素是按顺序排列的

<p id="demo1">This is a paragraph.</p>
<p id="demo">This is demo1.</p>

您必须demo1以更改第一段和demo第二段的内部 HTML 为目标。

因此，要么更改 JS 函数调用中的 id，要么更改 HTML 中的 id。

参考：https ://developer.mozilla.org/en-US/docs/Web/API/document.getElementById

于 2013-08-10T18:15:35.877 回答