Главная / О проекте / Портфолио / Услуги / Поблагодарить / Контакты / Резюме


Откройте мне SPAN-ы

Статьи по тестовым заданиям
Дан следующий код, смотри ниже, необходимо реализовать функцию на Javascript без идентификаторов в CSS возможность, показать содержимое SPAN находящихся в DIV-е.

<?
<style>
div span {
    display: none;
}
</style>
<div>
    <span>show me</span>
    <a href="javascript: void(0);" onclick="show(this)">click me</a>
</div>
<div>
    <span>show me1</span>
    <a href="javascript: void(0);" onclick="show(this)">click me1</a>
</div>
?>

Решение довольно простое

<?
<script>
// Показать span
function show(node){
    // Показываем запись
    var tags = previousTag(node).setAttribute('style','display:block');
}

function previousTag(node) { 
   // Теговые узлы отличаются от текстовых узлов свойством nodeType. Для тега nodeType = 1, а для текстового узла nodeType = 3.
   var node = node.previousSibling; 
   return (node && node.nodeType!=1) ? previousTag(node) : node; 
} 
</script>
?>