Question

我需要知道在单击img区域时如何更改<p>标签内的文本。应设置为<p>标记的文本位于区域alt代码中。我可以提取替代文字并将其设置为<p>代码吗？

谢谢：）

Answer 1

这是一个有效的例子：

<html>
<head></head>
<body>

<p>Old Text</p>
<img src="http://placehold.it/300x300" alt="Content of alt">

<script>
    (function () {
        // definitions
        var p = document.getElementsByTagName("p")[0];
        var img = document.getElementsByTagName("img")[0];

        // listeners
        img.addEventListener("click", function () {
           p.innerHTML = img.alt;
        });
    })();
</script>
</body>
</html>

和jsfiddle

https://jsfiddle.net/Lak2d6zw/1/

Answer 2

检查一下：

var $img = document.getElementById("yourID").getElementsByTagName("img")[0];
console.log($img.alt);

<a id="yourID">
    <img alt="hello world" src="http://www.hbhud.com/wp-content/uploads/2011/06/EA-Logo-2011-150x150.png">
</a>

应该可以正常使用

干杯

单击img区域时更改<p>内容

2 个答案: