Показать скрытые объекты с сайта

Question

Я хотел бы сделать код javascript, который может отображать некоторые незакрытые объекты веб-сайта.

Позвольте мне объяснить вам более глубоко. Существует одна коробка с некоторыми элементами внутри. Допустим, что все предметы, которые загружаются в это поле, - 2000, но сайт скрывает 800. Могу ли я что-то сделать, чтобы раскрыть их?

код, что использование веб-сайта (как я могу видеть в «инспектировать элемент» хрома) является следующая

<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> 

Так что это код только один элемент. $100000533954532 является значением этого элемента (без $)

и после 1200 данных элементов с одинаковым кодом, но разными значениями есть этот код, который «скрывает» другие элементы 800.

<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"> 

Возможно ли с помощью javascript-кода выявить скрытые значения (элементы) этой таблицы ???

Answer 1

что вам нужно удалить свойство из коллекции элементов DOM попробовать это:

document.querySelector('input[type="hidden"]').removeAttribute("type");

Example on JsFiddle

Similar question on StackOverflow

Answer 2

Вот простой пример захвата в input элемента и используя атрибуты и значения, содержащиеся в нем, для динамического создания более сложного набора узлов HTML:

JSFiddle it here.

<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> 

Это понятие, теперь это вопрос отображения входных элементов в целевой структуре DIV/таблицы.