求助~谷歌浏览器控制台替换网页内容代码怎么写

zoenbo

网页里有这么一段 docattr="false" ，我想把它替换成 docattr="true"，在控制台里怎么写呢？

大侠在路上

zoenbo 发表于 2020-10-17 21:23
现在是这个错误

我编辑了一下  你重新试试

[JavaScript] 纯文本查看 复制代码

//通过id获取元素
let obj = document.getElementById('download');
//获取到之后需要来设置属性
obj.removeAttribute("hidden");

VE5514

$("#xxx").attr('docattr','true')

luanshils

1楼说的是jQuery直接修改属性

zoenbo

VE5514 发表于 2020-10-17 18:49
$("#xxx").attr('docattr','true')

大佬，不好使

大手笔

$$('*').forEach(el => el.innerHTML = el.innerHTML.replace(/docattr="false"/gi, 'docattr="true"'))

大侠在路上

路过随手答一下。
不知道你的基础如何，但是你需要先把属性对应的标签先获取到，如有冒犯，还望海涵！
打个比喻。代码如下：

[HTML] 纯文本查看 复制代码

 <a href="#" target=“_self” class="x1" id="x2" docattr="false">我很帅</a>

此时我们该怎么通过JavaScript来修改对应属性呢？
第一种方法，使用原生js。

[JavaScript] 纯文本查看 复制代码

//通过id获取元素
let obj = document.getElementById('x2');
//通过tagname获取元素
let obj = document.getElementsByTagName('a')[0];
//通过class获取元素
let obj = document.getElementsByClassName('x2')[0];

//以上方法选择一种来获取应该就能解决你的问题了

//获取到之后需要来设置属性
obj.setAttribute('docattr','true');

至于第二种方法，就是1楼使用的jquery方法，更加简单粗暴！
但是要使用jquery方法，理论上来说需要当前网页引用了juquery(或者是自己引用了jquery，控制台引用jquery我反正不会)，否则会报错Uncaught TypeError: $(...).attr is not a function。
代码如下：

[JavaScript] 纯文本查看 复制代码

//两个代码任选一个
$("#x2").attr('docattr','true');
$(".x1").attr('docattr','true');

需要注意的是获取方式任选其一，有id就通过id，有class就通过class来获取。
水平有限，如有错误，请自动忽略。

991375252

大侠在路上 发表于 2020-10-17 20:10
路过随手答一下。
不知道你的基础如何，但是你需要先把属性对应的标签先获取到，如有冒犯，还望海涵！
打 ...

控制台引用可以原生js选中body标签appendChild 带有jQuery地址的script标签（先创建标签）

大侠在路上

991375252 发表于 2020-10-17 20:17
控制台引用可以原生js选中body标签appendChild 带有jQuery地址的script标签（先创建标签）

这个思路很棒！感谢指点！

zoenbo

大侠在路上 发表于 2020-10-17 20:10
路过随手答一下。
不知道你的基础如何，但是你需要先把属性对应的标签先获取到，如有冒犯，还望海涵！
打 ...

控制台里试了好像不起作用

zoenbo

大侠在路上 发表于 2020-10-17 20:10
路过随手答一下。
不知道你的基础如何，但是你需要先把属性对应的标签先获取到，如有冒犯，还望海涵！
打 ...

<button id="download" class="toolbarButton" tabindex="34" data-l10n-id="download" hidden="true"> 大佬，如果我想把这段里的hidden="true"去掉，怎么写呢