Добавлять и добавлять текстовые узлы к элементу HTML с помощью DOM?
Вот мой HTML-код
<html>
<body>
<div>A sample block <div>and child block</div></div>
</body>
</html>
Как я могу использовать DOM для добавления и добавления текстовых узлов к элементам ТЕЛА, не причиняя вреда его братьям и сестрам?
$dom = new DOMdocument();
@$dom->loadHTML($html);
$xpath = new DOMXPath($dom);
$body = $xpath->query('//body')->item(0);
Вот так
<html>
<body>
Newly prepended text
<div>A sample block <div>and child block</div></div>
Newly appended text
</body>
</html>
17
Author: Felix Kling, 2010-12-25
2 answers
Вы можете создавать текстовые узлы с помощью DOMText
( или с помощью DOMDocument::createTextNode
):
$before = new DOMText('Newly prepended text');
// $before = $dom->createTextNode('Newly prepended text');
$after = new DOMText('Newly appended text');
// $after = $dom->createTextNode('Newly appended text');
Теперь добавление - это просто:
$body->appendChild($after);
Для добавления мы можем использовать DOMNode::firstChild
чтобы получить первого ребенка от тела и DOMNode::insertBefore
:
$body->insertBefore($before, $body->firstChild);
23
Author: Felix Kling, 2010-12-25 11:20:31
Это мой код из добавления и удаления входных файлов
<span class="file_box"><span><input class="text" type="text" name="emails[]" value="" /><br /></span></span><div style="padding: 0 0 5px 160px;">
<input type="button" class="add" value="+" style="width: 25px; height: 25px; margin: 0 5px 0 0;" onclick="addFile(this);" /><input type="button" class="drop" value="-" style="width: 25px; height: 25px;" onclick="dropFile(this);" disabled="true" />
</div>
И этот js
var FileCount = 1;
function addFile(object){
if(document.getElementById) {
var el = object.parentNode.previousSibling.firstChild;
var newel = el.parentNode.appendChild(el.cloneNode(true));
newel.style.marginLeft = "160px";
FileCount++;
if(FileCount > 1){
object.nextSibling.disabled = false;
}
}
}
function dropFile(object){
if(document.getElementById) {
var el = object.parentNode.previousSibling.lastChild;
el.parentNode.removeChild(el);
FileCount--;
if(FileCount == 1){
object.disabled = true;
}
}
}
Посмотрите, можете ли вы найти для себя что-то
-1
Author: Жасулан Бердибеков, 2010-12-25 11:08:52