Question

我只是在学习html，css，javascript的东西而且我坚持了一点。我有一个由css设计的网页。

如何点击列表项仅更改PARAGRAPH，而不是更改设计的CSS（参见图片）

http://i.stack.imgur.com/zs59U.jpg - 或 - i.stack.imgur.com/zs59U.jpg

列表位于：

<div id="bodyleft">
<h2>History</h2>
<li><a href="#">1996-2000</a></li>

该段落是：

<div id="bodyright">
<h2>blah blah blah blah blah blah </h2>
<p> blah blah blah....  </p> and I want thange THIS!!

我尽我所能，但没有任何作用！请帮帮我！谢谢。

Answer 1

在体右元素中获取p标记。

var myDiv = document.getElementById('bodyright'),
    myP = myDiv.getElementsByTagName('p');
myP[0].innerHTML = 'hi there';

http://jsfiddle.net/BJFVY/

Answer 2

您可以尝试这样的事情

var ul = document.querySelector('#bodyleft ul');
ul.onclick = function(e){
    var evt = e || window.event;
    var target = evt.target || evt.srcElement;
    var p = document.querySelector('#bodyright p');
    p.innerHTML = 'Clicked on ' + target.innerHTML;
    return false;
};

DEMO.

Onclick更改段落内容（在其他div中）

2 个答案: