Question

我想使用javascript更改html元素中的另一个样式。

我使用下面的代码来更改当前的html元素。

false

我想使用javascript更改p标签内的其他元素的样式。

任何人都可以帮忙吗？

Answer 1

使用CSS可以实现相同的

<style>
 p:hover + h1 {
  background-color : red
 }
</style>

Answer 2

这应该是你所追求的（不是我的工作） - 查看小提琴链接......

<html>
<body>
    <span id="div1" style="color:black;" onmouseover="stext()" onmouseout="htext()">TEXT1</span><p />
    <hr color="black" />
<span id="div2" style="color:red;" onmouseover="htext()" onmouseout="stext()">Text2</span> 

</body>

http://jsfiddle.net/FFCFy/16/

Answer 3

例如，如果您想更改颜色：

<script>
document.getElementByTagName("p").style.color = "blue";
</script>

应该根据你想做的事情绑定到一个事件

Answer 4

您可以使用jQuery轻松实现它：

$(function() {
  $('#a-element').hover(function() {
    $('#b-element').css('background-color', 'yellow');
  }, function() {
    // on mouseout, reset the background colour
    $('#b-element').css('background-color', '');
  });
});

如果#b紧跟在#a之后，最简单的解决方案是纯css：

#a:hover + #b {
    background: #ccc
}

如果#a和#b之间是其他元素，则必须使用〜，如下所示：

#a:hover ~ #b {
    background: #ccc
}

Answer 5

使用它：

class MenuItemModel
{
    public $menu_name;
    public $menu_url;       

    private $data;

    public function __construct($data)
    {
        $this->data = $data;
        $this->menu_name = $data['menu_name'];
        $this->menu_url = $data['menu_url'];
    }
}

Answer 6

与Javascript一起使用

＆＃13;

function change(that){
document.getElementsByTagName('h1')[0].style.color="red";
  
  }

＆＃13;

<p onmouseover="change()">This text should be changed</p>
<h1>How to change this element when hovered on p element</h1>

＆＃13;

与css一起使用

＆＃13;

p:hover + h1{
  color:red;
  }

＆＃13;

<p >This text should be changed</p>
<h1>How to change this element when hovered on p element</h1>

＆＃13;

Answer 7

jQuery("p").mouseover(function(){
   jQuery("h1").css("color", "yellow");
});

如何使用javascript更改内联的另一个元素的样式？

7 个答案: