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

最新推荐文章于 2024-05-13 15:58:10 发布

也好先生

最新推荐文章于 2024-05-13 15:58:10 发布

阅读量1k

点赞数 1

分类专栏：网页JS自动化脚本编写-从头开始文章标签： javascript 自动化开发语言

本文链接：https://blog.csdn.net/weixin_43716462/article/details/128126314

版权

网页JS自动化脚本编写-从头开始专栏收录该内容

13 篇文章 10 订阅

订阅专栏

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

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

在这里插入图片描述

这一次的文字的值就不是innerText了,而是input的值value,它的值是就是显示的内容,所以直接修改value就可以了
这一次修改它的文字大小,可以看到是修改的style内的font-size属性
附带说一下<p><span><div>这些修改文字都是用的innerText或者修改HTML的innerHTML,这个innerHTML可以在这个元素里面继续添加其它的元素<>,是一个非常好用的方法,与之类似的还有一个outerHTML,outerHTML是修改元素本身,比如定位到了p元素,假如我们希望把这个p元素改成div元素,直接使用outerHTML=<div></div>即可
而<input><button>之类的改文字是用的value
这次查找的元素是一个<input>元素,这个元素有一个类型选择器type当它等于submit的时候它实际上是一个表单提交器,所以我们定位它的时候直接用属性符号[]把type=submit输入进去就能直接定位到它了