Question

求帮忙写个js脚本替换网页的一属性，谢谢大神们

<span class="videoDot examDot" id="examDot_undefined" timenote="00:01:41" title="视频弹题"></span>

怎么实现改变timenote中的数值00:01:41，求大神帮忙写一个可以实现的脚本，谢谢谢谢了

Answer 1

//或者换成其他自执行函数的写也行，目的就是在dom渲染完毕之后去更新你要更新的属性值
!(function(){
    document.getElementById('examDot_undefined').setAttribute("timenote","更新数据");
})();

Answer 2

// 获取元素
var spanElement = document.querySelector('.videoDot.examDot');
// 获取当前 timenote 值
var timenoteValue = spanElement.getAttribute('timenote');
// 修改 timenote 值，例如将时间增加 10 秒
var newTimenoteValue = addSecondsToTime(timenoteValue, 10);
// 将修改后的值设置回元素
spanElement.setAttribute('timenote', newTimenoteValue);
// 辅助函数：将时间字符串增加指定秒数
function addSecondsToTime(timeString, secondsToAdd) {
var timeArray = timeString.split(':');
var totalSeconds = parseInt(timeArray[0]) * 3600 + parseInt(timeArray[1]) * 60 + parseInt(timeArray[2]);
totalSeconds += secondsToAdd;
var hours = Math.floor(totalSeconds / 3600);
var minutes = Math.floor((totalSeconds % 3600) / 60);
var seconds = totalSeconds % 60;
// 格式化成 HH:mm:ss
return padZero(hours) + ':' + padZero(minutes) + ':' + padZero(seconds);
}
// 辅助函数：补零
function padZero(num) {
return (num < 10) ? '0' + num : num;
}

Answer 3

document.getElementById("examDot_undefined").setAttribute("timenote","新值");

追问

这怎么用油猴插件实现呀，就是网页打开后自动把值改了，谢谢

懂了，可以了。还有个小问题就是，它有两句代码是一样的，这个脚本只改了第一句，还有一句不变，这样才可以两句都改了呢，实现了给你采纳哈，谢谢了