[Homework] Advanced JS - Functions and function expressions - Problem{7} DOM Manipulation

StrahilRuychev 117 Точки

[Homework] Advanced JS - Functions and function expressions - Problem{7} DOM Manipulation

Забелязах две грешки в условието на задачата и по-конкретно в sample кода. Поне засега са само две.

// Appends a list item to ul.birds-list

domModule.appendChild(liElement,".birds-list"); - тук реда на аргументите е сменен. liElement e детето, което трябва да се добави, т.е. трябва да се подаде второ.

// Adds a click event to all bird list items

domModule.addHandler("li.birds", 'click', function(){ alert("I'm a bird!") }); - доста чаках да закачи евенти на птичките, докато не смених li.birds на li.bird...

Тагове:

06/03/2015 17:45:28 JavaScript Advanced

Виж всички отговори

dim4o 288 Точки

Здравейте, аз също имам един проблем с тази задача. Следния код не ми работи коректно:

function appendChild(element, child){
var parent = document.querySelectorAll(element);
var childNode = document.createElement(child);

for (var i = 0; i < parent.length; i++) {
parent[i].appendChild(childNode);
}
}

Например ако го приложа appendChild("li", "a"); към един списък от рода (ul)((li)(li)(li)(li))(ul) ми го прилага само на последния child елемент - li;

08/03/2015 15:28:30 08/03/2015 15:41:11

dim4o 288 Точки

Реших проблема => parent[i].appendChild(childNode.cloneNode()); Обяснено е добре тук.

08/03/2015 16:06:06

Filkolev 4482 Точки

Аз доколкото разбрах условието само на един елемент трябва да се закачи, т.е. ползвах за тази функция querySelectior(). Но е доста полезно това, което си открил.

08/03/2015 17:20:38

dim4o 288 Точки

Аха, ами може и да имат впредвид само един елемент наистина. Аз се водих от това:

"If any selector is passed to the module, it should find (and manipulate) all elements the selector corresponds to ", т.е. в случая на всички <li>-та от DOM-a закачам <а> примерно. Така поне го разбирам аз.

08/03/2015 17:34:49 08/03/2015 17:39:01

StrahilRuychev 117 Точки

да, и аз така го разбрах.

08/03/2015 19:58:26

StrahilRuychev 117 Точки

Доколкото разбирам условието, и element и child могат да бъдат както селектори, така и елементи. Затова аз първо проверявам дали са селектори и ако са, тогава извиквам querySelectorAll. Ако не са - е, тогава нещата са доста по-прости...

08/03/2015 20:01:14

Filkolev 4482 Точки

Да, проверката дали са елементи (ако не са значи са селектори) и аз я правя. Само в случая appendChild ползвам querySelector, навсякъде другаде съм с querySelectorAll, може да го сложа да е и в appendChild.

08/03/2015 21:29:10

nikola.m.nikolov 830 Точки

Явно и аз съм се сблъскал със същите проблеми, както повечето от вас на тази задача. В google обаче успях да намеря лесно решенията на всичките ми проблеми. И все пак тъпия IE не поддържа ":scope > "... Ето моето решение на тази задача:

07. DOMManipulation

08/03/2015 22:19:15 08/03/2015 22:20:46

Виж всички отговори