Question

我是一个javascript noob。

我想点击图片来更改范围中的文字

到目前为止我所拥有的：

图像：

    <img src="image.png" onclick="document.span[0].elements['videoTitle'].value = 'My Text'" />

跨度：

    <span name="videoTitle"><strong>My Initial Text</strong></span>

我不知道“文档”应该遵循什么。并且我假设我需要在标题中使用javascript？

我引用了这篇文章：click on image and change a text

我不知道我在这做什么。我不懂js，我是设计师！

Answer 1

Span没有值属性。在这种情况下，您需要使用innerHTML，如下所示：

<img src="image.png" onclick="document.getElementsByName('videoTitle')[0].getElementsByTagName('strong')[0].innerHTML = 'My Text'" />

这将更改页面上名为videoTitle的第一个元素的文本。

小提琴：http://jsfiddle.net/duffmaster33/7j59H/

Answer 2

我认为你正在寻找： -

 document.getElementsByName('videoTitle')[0] // assuming this is the first element with  
                                             //the name `videoTitle`
.getElementsByTagName('strong')[0]
 .innerHTML = 'My Text'

所以它将是

<span name="videoTitle"><strong>My Initial Text</strong></span>
<img src="image.png" onclick="document.getElementsByName('videoTitle')[0].getElementsByTagName('strong')[0].innerHTML = 'My Text'" />
This is native old way and is supported in all browsers.

Demo

Answer 3

我建议做这样的事情：

<img src="image.png" onclick="document.getElementsByName('videoTitle')[0].getElementsByTagName('strong')[0].innerHtml= 'My Text'" />

或

<img src="image.png" onclick="myFunc()" />
<script>
function myFunc(){
document.getElementsByName('videoTitle')[0].getElementsByTagName('strong')[0].innerHtml="my text";
}
</script>

我还建议给span一个id并按ID

选择它

单击图像更改文本

3 个答案:

Demo