用油猴脚本修改网页元素的css样式出问题

最近学习js,用油猴脚本写了几行js想修改元素的宽度,发现没有效果

var right_box=document.querySelector(".v-wrap .r-con") ;
if(right_box!=null)
{
  console.log(right_box);

  var list_=right_box.querySelector(".list-box");

  if( list_ != null )
  {

    console.log(list_);

    console.log(right_box.style.witdh);
    right_box.style.witdh="420px"

    console.log(right_box.style.witdh);


  }

}

img


实际修改后,没有效果

img

  • 额。。。是我眼花了吗?width?我本来英语不好,初学这个时也是死记硬背,代码敲多了,对常用单词就比较敏感了,一眼看出你(witdh)不是人。
  • 简言之,单词敲错了。
  • 一般用一些代码编辑器,会有代码提示的,敲错了也会提醒的。

你应该先尝试直接在控制台执行JS看看是否生效,
然后再考虑使用油猴脚本自动处理

witdh 单词错了 应该是width

var right_box=document.querySelector(".v-wrap .r-con") ;
if(right_box!=null)
{
console.log(right_box);

var list_=right_box.querySelector(".list-box");

if( list_ != null )
{

console.log(list_);

console.log(right_box.style.width);
right_box.style.width="420px"

console.log(right_box.style.width);

}

}