网页JS自动化脚本(五)修改文字元素的内容和大小

• 今天的网页打开全是灰色的,顺便缅怀一下伟人,那么我我们今天定位换成按钮文字

window.onload=function(){
  var theElement=document.querySelector("input[type=submit]");
  theElement.value="爱我中华";
  theElement.style="font-size:25px";
}
1
2
3
4
5

• 这一次的文字的值就不是innerText了,而是input的值value,它的值是就是显示的内容,所以直接修改value就可以了
• 这一次修改它的文字大小,可以看到是修改的style内的font-size属性
• 附带说一下
  这些修改文字都是用的innerText或者修改HTML的innerHTML,这个innerHTML可以在这个元素里面继续添加其它的元素<>,是一个非常好用的方法,与之类似的还有一个outerHTML,outerHTML是修改元素本身,比如定位到了p元素,假如我们希望把这个p元素改成div元素,直接使用outerHTML=

  即可
• 而之类的改文字是用的value
• 这次查找的元素是一个元素,这个元素有一个类型选择器type当它等于submit的时候它实际上是一个表单提交器,所以我们定位它的时候直接用属性符号[]把type=submit输入进去就能直接定位到它了