Question

我想使用Prototype JS动态地将CSS添加到HTML元素中。我正在使用下面的代码。

var wrapper_content = $('wrapper').innerHTML;
wrapper_content.img.setStyle({display:'inline'});

但这不起作用。

Answer 1

在这种情况下，您可以使用invoke()实用程序方法，如此

$$('#wrapper img').invoke('setStyle',{'display':'inline'});

http://api.prototypejs.org/language/Enumerable/prototype/invoke/

Answer 2

您可以将选择器更改为var wrapper_content = $('wrapper img');

然后你可以这样做wrapper_content.each(function(el) { el.setStyle({ 'display': 'inline' }); });

编辑：更改语法以改为使用Prototype JS。

Answer 3

在我看来，你问的是为id为'wrapper'的元素的子图像添加一个样式：

$('wrapper').select('img').each(function(name,index) {
  name.style.display = "inline";
});

Answer 4

我一直在使用Geek Num 88和T Gibbons答案的组合几年。它的css选择器和设置样式显示值的组合更加明显。

＆＃13;

$$('#wrapper img').each(function(name) {
  name.style.display = "inline";
});

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/prototype/1.7.3/prototype.js"></script>
<div id="wrapper">
  <img style="display: none;" src="https://cdn0.iconfinder.com/data/icons/free-business-desktop-icons/128/Home.png" />
</div>

＆＃13;

使用Prototype JS动态添加CSS

4 个答案: