Javascript bookmarklet getElementById-Youtube视频页面，相关视频标题

Javascript bookmarklet getElementById - Youtube video page, related videos title

本文关键字：视频 标题 bookmarklet getElementById-Youtube Javascript      更新时间：2023-09-26

我正在寻找youtube视频页面的相关视频的标题元素。

这是我正在使用的javascript，由于某种原因，我无法使其工作。这是代码，

var span = document.getElementById('title').style;
if(span.font-size=='13')    {
document.cookie="VISITOR_INFO1_LIVE=-fntp2HbKFI;%20path=/;%20domain=.youtube.com"; 
window.location.reload();
}
else{
document.cookie="VISITOR_INFO1_LIVE=;%20path=/;%20domain=.youtube.com";
window.location.reload();
}

上面的代码在视频页面上打开Youtube实验，再次执行时关闭。

实验是在视频页面上进行的，它增加了相关视频标题的字体大小。当cookie值（访客_INFO1_LIVE）设置为某个值时，它就会被打开，并重新加载页面。现在，相关视频标题的字体大小从13像素增加到19像素。

我无法获取getElementById的title元素。当记录到控制台时，错误为get-isTypeError:document.getElementById（…）为null。即使是元素id，"列出视频项目"，我也能得到这个

然后再执行一次代码，它会检查标题的字体大小，即19像素。代码现在删除cookie值并重新加载页面，将字体大小设置回13像素。

代码放在一个小书签上，用来打开和关闭Youtube的新实验。

你可以在这里读到这个小实验。

title是一个类而不是id，使用getElementsByClassName获取类的所有元素的数组

var spans = document.getElementsByClassName('title');
if(spans.length){
    var spanStyle = spans[0].style;
    if(spanStyle.fontSize=='13')
    ...
    else
    ...
}
相关文章：