Як ви протестуєте елемент на існування без використання getElementByIdметоду?
Я створив демо-версію для довідки. Я також надрукую тут код:
<!DOCTYPE html>
<html>
<head>
<script>
var getRandomID = function (size) {
var str = "",
i = 0,
chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ";
while (i < size) {
str += chars.substr(Math.floor(Math.random() * 62), 1);
i++;
}
return str;
},
isNull = function (element) {
var randomID = getRandomID(12),
savedID = (element.id)? element.id : null;
element.id = randomID;
var foundElm = document.getElementById(randomID);
element.removeAttribute('id');
if (savedID !== null) {
element.id = savedID;
}
return (foundElm) ? false : true;
};
window.onload = function () {
var image = document.getElementById("demo");
console.log('undefined', (typeof image === 'undefined') ? true : false); // false
console.log('null', (image === null) ? true : false); // false
console.log('find-by-id', isNull(image)); // false
image.parentNode.removeChild(image);
console.log('undefined', (typeof image === 'undefined') ? true : false); // false ~ should be true?
console.log('null', (image === null) ? true : false); // false ~ should be true?
console.log('find-by-id', isNull(image)); // true ~ correct but there must be a better way than this?
};
</script>
</head>
<body>
<div id="demo"></div>
</body>
</html>В основному наведений вище код демонструє, що елемент зберігається у змінній і потім видаляється з DOM. Незважаючи на те, що елемент було видалено з DOM, змінна зберігає елемент таким, яким він був при першому оголошенні. Іншими словами, це не живе посилання на сам елемент, а скоріше репліка. В результаті перевірка значення змінної (елемента) на існування забезпечить несподіваний результат.
isNullФункція моя спроба перевірити наявність елементів існування зі змінною, і вона працює, але я хотів би знати , якщо є простіший спосіб домогтися того ж результату.
PS: Мене також цікавить, чому змінні JavaScript так поводяться, якщо хтось знає якісь хороші статті, пов'язані з даною темою.