Javascript 从网站取消隐藏隐藏的对象

我想制作一个javascript代码，它可以取消隐藏（揭示）网站中一些未隐藏的对象

让我更深入地解释你。 有一个盒子里面有一些东西。 假设加载到此框中的所有项目都是2000，但网站隐藏了800。 我能做点什么来揭露他们吗

网站使用的代码（正如我在chrome的“inspect元素”中看到的）如下

 <div class="_3hqu" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532">
 <table class="_2x_v uiGrid _51mz" cols="3" cellspacing="0" cellpadding="0" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0">
 <tbody data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0">
 <tr class="_51mx" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2">
 <td class="_51m- vMid" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$image">
 <div class="_4b2j" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$image.0">
 <img class="_2x_w img" src=" IMAGE LINK" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$image.0.0">
 </div>
 </td>
<td class="_2x_x _51m- vMid" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$text">
<div class="_2x_y" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$text.0">NAME</div>
<div class="_2x_z" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$text.1"></div>
<div class="_2x_z" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$text.2"></div>
</td>
<td class="_51mw _51m- vMid" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$widget">
<a aria-checked="true" aria-labelledby="100000533954532-name" aria-describedby="100000533954532-subtitle" class="_3hqy _3hqz" href="#" role="checkbox" tabindex="0" data-reactid=".ih.0.0.1.1.0.1.0.0.0.0.0.1:$100000533954532.0.0.$2.$widget.0">
</a>
</td>
</tr>
</tbody>
</table>
</div>

---

javascript代码是否可以显示此表的隐藏值（元素）？

您需要的是从DOM元素集合中删除属性 试试这个：

document.querySelector（'input[type=“hidden”]”）。removeAttribute（“type”）


下面是一个简单的示例，可以抓取
输入
元素，并使用其中包含的属性和值动态创建一组更复杂的HTML节点：



var at_limit=document.querySelector（'input[name=“at_limit”]”）；
var reactid=at_limit.getAttribute（'data-reactid'）；
变量切换=（在极限值==“真”）；
var div=document.createElement（“div”）；
var tbl=document.createElement（“表”）；
var tbdy=document.createElement（“TBODY”）；
var tr=document.createElement（“tr”）；
var td=document.createElement（“td”）；
var anc=document.createElement（“A”）；
anc.href=“page.html？reactid=“+reactid；
anc.className=（切换）？'是：'否'；
var txt=document.createTextNode（reactid）；
附件儿童（txt）；
td.儿童（非国大）；
tr.appendChild（td）；
tbdy.appendChild（tr）；
tbl.附加儿童（tbdy）；
儿童分部（待定）；
文件.正文.附件（div）；
.no{颜色：红色；}
.yes{颜色：绿色；}
表{边框：纯蓝色1px；}

这就是概念，现在是将输入元素映射到目标div/表结构的问题。
是否要将类型等于hidden的输入转换为div和表？@bloodyKnuckles！因此，它们可以作为元素显示在表中！那么，输入（类型隐藏）如何映射到您提供的示例div/表？换句话说，在div/表格中，什么是固定的，什么是变量，变量在输入中的什么位置获得它们的值？你可以看到在最后一行的隐藏代码中有一些值（00000100002等）。我希望这些值在表格中显示，如示例所示。。。要用一些词替换示例的值，当我在chrome控制台中粘贴代码时，会显示“undefined”，这个示例正在创建一个新的div等？它不能在现有的div表上吗？忘记最后一行我没有读到的最后一条评论，谢谢。这周我会尝试你的代码，我会回来接受你的答案
<input type="hidden" name="at_limit" value="false" data-reactid=".ih.1">
<input type="hidden" name="session_id" value="1326941442" data-reactid=".ih.2">
<input type="hidden" name="profileChooserItems" value="{ "000001":1, "000002":1, etc...
 data-reactid=".ih.3">

<input type="hidden" name="at_limit" value="false" data-reactid=".ih.1">

<script>

var at_limit = document.querySelector('input[name="at_limit"]');
var reactid = at_limit.getAttribute('data-reactid');
var toggle = (at_limit.value === "true");

var div  = document.createElement("DIV");
var tbl  = document.createElement("TABLE");
var tbdy = document.createElement("TBODY");
var tr   = document.createElement("TR");
var td   = document.createElement("TD");
var anc  = document.createElement("A");
anc.href = "page.html?reactid=" + reactid;
anc.className = ( toggle )? 'yes': 'no';
var txt  = document.createTextNode(reactid);
anc.appendChild(txt);
td.appendChild(anc);
tr.appendChild(td);
tbdy.appendChild(tr);
tbl.appendChild(tbdy);
div.appendChild(tbl);
document.body.appendChild(div);

</script>

<style>
.no   { color: red; }
.yes  { color: green; }
table { border: solid blue 1px; }
</style>