创建一个HTML文件,使用DOM在每次用户单击按钮时交换两个段落的内容

时间:2015-03-22 20:49:18

标签: javascript html5

创建一个HTML文件,使用DOM在每次用户单击按钮时将一个段落的内容与第二个段落的内容交换。

这是我获得的代码,但它仍然无效。谁知道什么是错的?

`

<script>
    var p1 = document.getElementById("p1");
    var p2 = document.getElementById("p2");

    p1.addEventListener("click", swap);
    p2.addEventListener("click", swap);

    function swap() {
        var p1Text = p1.textContent;
        p1.textContent = p2.textContent;  
        p2.textContent = p1Text;
    }
</script>

<body>     <p id="p1">Paragraph1</p> <br/> <br/> <p id="p2">Paragraph2</p>

<button id="p1,p2">Swap</button>

</body> `

1 个答案:

答案 0 :(得分:0)

...您将交换功能附加到仅单击p1或p2(可以工作)。你没有在按钮上附上任何东西。

如果您认为id="p1,p2"做了一些神奇的事情,那就不会。