如何通过JS修改html里面指定文字？

2021-11-26 14:35发布

站内问答 / JavaScript
5376 16 17

HTML内容无编辑权限，如何通过JS修改HTML里面指定的文字？

HTML内容无编辑权限，如何通过JS修改HTML里面指定的文字？

发送
16条回答
上来打杂的
2楼 · 2021-11-26 15:55

PW$S@)G(O88(9]3(1H[V3KM.png

看上图

一个Ai
3楼 · 2021-11-26 16:13

js 能够创建添加动态的 HTML 内容，使用write()方法就可直接向 HTML 向文档写入 HTML 表达式或 JavaScript 代码。

write()方法内可列出多个参数(exp1,exp2,exp3,...) ，它们将按顺序被追加到文档中。

语法：[removed](exp1,exp2,exp3,....)

说明：

虽然根据 DOM 标准，write()方法只接受单个字符串作为参数。但，write() 可接受任意多个参数。

我们通常按照以下两种的方式使用 write() 方法：

1、在使用该方在文档中输出 HTML

2、在调用该方法的的窗口之外的窗口、框架中产生新文档。注意：在此种方式中，请务必使用 close() 方法来关闭文档


乔治与佩奇
4楼 · 2021-11-26 17:42

 js可以通过文本所在标签的id获取该标签对象，然后修改其内容，如：

document.getElementById('标签id')[removed] = '要修改的文本内容';
该方法可以在要修改的文本内容中加html标签，如果只是纯文本的话， 可以使用innerText,
document.getElementById('标签id').innerText= '要修改的文本内容';

希希
5楼 · 2021-11-27 12:01

虽然根据 DOM 标准，write()方法只接受单个字符串作为参数。但，write() 可接受任意多个参数。

我们通常按照以下两种的方式使用 write() 方法：

1、在使用该方在文档中输出 HTML

2、在调用该方法的的窗口之外的窗口、框架中产生新文档。注意：在此种方式中，请务必使用 close() 方法来关闭文档



回答: 2021-12-03 09:23

1、在使用该方在文档中输出 HTML

2、在调用该方法的的窗口之外的窗口、框架中产生新文档。注意：在此种方式中，请务必使用 close() 方法来关闭文档




猫的想法不敢猜
6楼 · 2021-11-28 17:56

创建一个HTML，网页HTML是一个页面的骨架结构，titile、body。

怎么通过原始js改变HTML里面的内容？

在 JavaScript 中，[removed]() 可用于直接向 HTML 输出流写内容。

怎么通过原始js改变HTML里面的内容？

保存代码在浏览器中运行测试，点击按钮进行测试。

怎么通过原始js改变HTML里面的内容？

修改 HTML 内容的最简单的方法是使用 innerHTML 属性。

怎么通过原始js改变HTML里面的内容？

如需改变 HTML 元素的属性，请使用这个语法

document.getElementById(id).attribute=新属性值

怎么通过原始js改变HTML里面的内容？

1、打开Notepad++创建一个HTML文件

2、在HTML文件中编写默认网页代码

3、分别使用三种方式改变HTML的内容

来源于网络，仅供参考


aijingda
7楼 · 2021-11-29 09:29

 使用 .replace(/<[^>]*>/g, '')

这个方法是从文本中去除 html 标签最简单的方法。它使用字符串的方法 .replace(待替换的字符串，替换后的字符串) 将 HTML 标签替换成空值。 /g 是表示替换字符串所有匹配的值，即字符串中所有符合条件的字符都将被替换。

这个方法的缺点是有些 HTML 标签不能被剔除，不过它依然很好用。

image.png

樱田妮妮NiNi
8楼 · 2021-11-29 09:39

通过 js 修改 html 的文本内容

 View Code

 

同时我们可以发现，只要在对应 id 所在标签所包含的文本都会被替换，包括其下级标签包含的内容

 View Code

 

通过 js 修改 html 样式

 View Code

 

同理，只要在对应 id 所在标签所包含的样式都会做出对应变化，包括其下级标签中的样式

 View Code

乜
9楼 · 2021-11-29 16:35

js 能够创建添加动态的 HTML 内容，使用write()方法就可直接向 HTML 向文档写入 HTML 表达式或 JavaScript 代码。

write()方法内可列出多个参数(exp1,exp2,exp3,...) ，它们将按顺序被追加到文档中。

语法：[removed](exp1,exp2,exp3,....)

说明：

虽然根据 DOM 标准，write()方法只接受单个字符串作为参数。但，write() 可接受任意多个参数。

我们通常按照以下两种的方式使用 write() 方法：

1、在使用该方在文档中输出 HTML

2、在调用该方法的的窗口之外的窗口、框架中产生新文档。注意：在此种方式中，请务必使用 close() 方法来关闭文档


1 2 下一页

相关问题推荐

  • js难吗？自学可以吗？2020-03-18 18:01
    回答 97
    已采纳

    Js给初学者的印象总是那么的杂而乱，相信很多初学者都在找轻松学习Js的途径。在这里给大家总结一些学习Js的经验，希望能给后来的学习者探索出一条轻松学习Js之路。Js给人那种感觉的原因多半是因为它如下的特点：A：本身知识很抽象、晦涩难懂，如：闭包、内置...

  • 110转化为十进制是多少？2020-04-14 11:27
    回答 4

    看图：

  • 【Web前端基础】JavaScript数据类型分类JavaScript 2020-12-10 10:18
    回答 18

    基本类型( 6种 )：Number ( 数值 ) String ( 字符串 )Boolean ( 布尔 ) Undefined ( 未定义 )Null ( 空 )ES6 - Symbol  ( 唯一 )

  • 【Web前端基础】JavaScript有什么作用JavaScript 2020-12-08 09:47
    回答 19

    JavaScript 使网页增加互动性，使有规律地重复的HTML文段简化，减少下载时间。JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的，只要你有创意。...

  • 【Web前端基础】js定时器有哪些2021-01-19 10:27
    回答 18

    timeoutId: 定时器IDfunc: 延迟后执行的函数code: 延迟后执行的代码字符串，不推荐使用原理类似eval&#40;&#41;delay: 延迟的时间（单位：毫秒），默认值为0param1,param2: 向延迟函数传递而外的参数，IE9以上支持setInterval: 以固定的时间间隔重复调用一个函...

  • 【Web前端基础】js函数参数数据类型有哪些2021-01-19 10:27
    回答 15

    Number类型String类型Boolean类型Undefined类型Null类型

  • ​在js中，空字符和空格字符的区别？2021-02-01 16:47
    回答 14

    空格在ASCII中的值为32，空字符为0,可本人觉得不就是都是为空的吗，没有什么区别？char mychar1,mychar2;mychar1=&#39; &#39;;mychar2=&#39;\0&#39;;printf(mychar1=%d,mychar2=%d,mychar1,mychar2);//其中mychar1=32;mychar2=0;...

  • 【Web前端基础】JavaScript变量命名规范JavaScript 2020-12-14 14:06
    回答 16

    1.变量名可以有数字0~9、大小写字母、下划线、美元符$组成。2.变量名不能以数字开头。 当我们以数字为开头时,代码就会出现橙色下划线,代表命名不...3.变量名不允许使用中文。 不能允许使用中文这个就不用多说了吧,不管你在哪找代码来看,代码中...4.区分大小写...

  • js如何给每个数组内的元素后面添加新的字段JavaScript 2021-12-08 11:22
    回答 8

    向一个对象数组里面添加新的属性var arry= [{a:11,b:22,c:33,d:44},{a:11,b:0,c:0,d:44},{a:11,b:22,c:99,d:99}];var arry2=[];arry.map(((item, index)=> {arry2.push(Object.assign({},item,{mess1:item.c,mess2:item.d}))}))cons...

  • 这段JS代码为什么输出[1,2,3,4]而不是[1JavaScript 2021-12-03 15:00
    回答 2

    我觉得getTopWindow(） 应该是他自己写的函数 mask  应该是getTopWindow(）函数中 return 出的一个什么玩意show()  jQuery的显示

  • js 怎样对比两个数组？并且将不一样的数据提取出来JavaScript 2021-11-24 14:33
    回答 9

    如图所示

  • JavaScript 原型，原型链 ? 有什么特点JavaScript 编程语言 2021-11-10 16:42
    回答 12

    1、原型对象也是普通的对象，是对象一个自带隐式的 __proto__ 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为 null 的话，我们就称之为原型链 2、 原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链...

  • js选项卡的实现原理2021-06-15 21:48
    回答 6

    如图所示，最简单的选项卡思路：选项卡就是点击按钮切换到相应内容，其实就是点击按钮把内容通过display(block none)来实现切换的。1、首先获取元素。2、for循环历遍按钮元素添加onclick 或者 onmousemove事件。3、因为点击当前按钮时会以高亮状态显示，所以...

  • js如何获取一段文本中两个特殊标点符号之间的内容？2021-05-31 14:54
    回答 4

    1、js截取两个字符串之间的内容：123var str = aaabbbcccdddeeefff; str = str.match(/aaa(\S*)fff/)[1]; alert&#40;str&#41;;//结果bbbcccdddeee2、js截取某个字符串前面的内容：123var str = aaabbbcccdddeeefff; tr = str.match(/(\S*)fff/)[1];......

  • js中一个变量怎么每隔一段时间获取weiapi的j2021-04-28 10:08
    回答 4

    如果是ajax 就直接获取如果是传到一个页面 就再get再在js中使用 就可以获取了。 可以在js中获取一个变量 但是不能写入一段java代码.

没有解决我的问题，去提问