如何使用 jQuery 或 CSS 修改元素属性？

Question

我正在尝试改变这一点：

<script type="text/javascript" src="//static.cdn-ec.viddler.com/js/arpeggio/v3/build/main-built.js"></script>

<div class="viddler-auto-embed" data-embed-id="yLDrFKPE4u" data-video-id="b69c8ee1" data-width="380" data-height="285"></div>

并将数据宽度的值更改为：data-width="450"

我的网站上有 400 多个视频，并且想使用快捷方式仅将 data-width 的值从 380 更改为 450。

如果有人可以帮助我，我将不胜感激。

谢谢

Answer 1

首先抓取元素数据集并检查是否为 380，然后是否只是通过类名和样式宽度将元素抓取到 450px。

我怀疑您并不是真的想设置数据宽度和数据高度，而是设置宽度和高度，然后直接访问它们。

var element = document.getElementsByClassName('viddler-auto-embed')[0].dataset;


if (element.width == 380)
document.getElementsByClassName('viddler-auto-embed')[0].style.width ='450px'

.viddler-auto-embed{
border:black solid 2px;
height:100px;}

<div class="viddler-auto-embed" data-embed-id="yLDrFKPE4u" data-video-id="b69c8ee1" data-width="380" data-height="285"></div>