Я пытался найти это, но даже не нашел никого с той же проблемой.Неожиданный скрытый div появляется в html-файле
Для моего назначения мне пришлось написать код javascript, который бы считывал весь текст с внешней страницы (из одного и того же каталога), но это не проблема. Проблема возникла, когда я создал тестовый html-файл с некоторым случайным текстом.
HTML код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<p> Just a random text.</p>
<h1> More of a random text</h1>
<p> And again, just testing the program.</p>
</body>
</html>
И этот код взят из отладчика:
Image of html file as from Inspector
проблема заключается в моем javascript code
ли читать текст из этого div
элемента и добавить массив слов, которые у меня есть.
Кто-нибудь знает, почему этот div создан и как избавиться от него?
P.S Я пробовал создавать другие html-файлы, но там тоже появляется div.
Спасибо в заранее!
EDIT:
Это мой JS код:
var externalPage;
var words = [];
var j = 0;
function indexOf(array, item) {
for (var i = 0; i < array.length; i++) {
if (array[i][0].toString() === item.toString()) return i;
}
return -1;
}
function clearNode(node) {
while (node.firstChild) {
node.removeChild(node.firstChild);
}
}
function sortNumerically(words) {
return words.sort(function(a,b){
return b[1] - a[1];
});
}
function sortAlphabetically(words) {
return words.sort();
}
function openFile(url) {
externalPage = window.open();
externalPage.location = url;
}
function extractWords(node) {
if (node.nodeType==Node.ELEMENT_NODE) {
for (var m = node.firstChild; m!=null; m = m.nextSibling)
extractWords(m);
}
else {
var value = node.nodeValue.trim();
value = value.split(/\s/);
for(var i = 0; i < value.length; i++) {
if(indexOf(words, value[i]) != -1) {
words[indexOf(words, value[i])][1] =
words[indexOf(words, value[i])][1] + 1;
} else if(value[i] != '') {
words.push([]);
words[j][0] = value[i];
words[j][1] = 1;
j++;
}
}
}
}
function populateTable(arr) {
var tbody = document.createElement('tbody');
clearNode(tbody);
for(var i = 0; i< words.length; i++) {
var tr = document.createElement('tr');
var tdW = document.createElement('td');
var tdF = document.createElement('td');
tdW.appendChild(document.createTextNode(arr[i][0]));
tdF.appendChild(document.createTextNode(arr[i][1]));
tr.appendChild(tdW);
tr.appendChild(tdF);
tbody.appendChild(tr);
}
document.getElementById('tableCounter').appendChild(tbody);
}
function generateArray(node) {
words = [];
j = 0;
extractWords(node, words);
alert(sortNumerically(words));
populateTable(words);
}
Не могли бы вы добавить JavaScript. – Zze
Трудно поверить, так как я не работал с элементами div вообще. –
Какие плагины вы используете? Можете ли вы показать нам заголовок вашего html на скриншоте? – DomeTune