Задействовать DIV и SPAN в скрипте

[Joerrigo]

В Яве полный ноль, помогите: имеется скрипт, в котором обрабатываются div c определенным тайтлом. Но нужно задействовать еще и span с тем же тайтлом.

Код тут:

<script>
function getElementsByNameNew(tag, title) 
{
var elem = document.getElementsByTagName(tag);
var arr = new Array();
for(i = 0,iarr = 0; i < elem.length; i++)
{
att = elem[i].getAttribute("title");
if(att == title)
{
arr[iarr] = elem[i];
iarr++;
}
}
return arr;
}
</script> 

<script>
function Hidd()
{
//var hiddenElements = document.getElementsByName();
var hiddenElements = getElementsByNameNew('div','hidden');
if(hiddenElements[0].style.display == 'none')
{
var pass = prompt('Введите пароль (Необязательный параметр)');
if (pass == document.getElementById("pass").innerHTML)
{ for(i=0; i< hiddenElements.length; i++) hiddenElements[i].style.display='inline'; }
else
{ for(i=0; i< hiddenElements.length; i++) hiddenElements[i].style.display='none'; }
}
else
{ for(i=0; i< hiddenElements.length; i++) hiddenElements[i].style.display='none'; }
}
</script>

 

[Switch74]

проще использовать для этого document.querySelectorAll так же избавитесь от цикла и проверки есть ли у данных элементов title
что-то вроде этого должно получиться

var arr = document.querySelectorAll('div[title="title"],span[title="title"],');
return arr;

 

[Joerrigo]

Где поправить код? В каком скрипте? И где убирать цикл?

<script>
<!-- 
function getHidd(title) 
{
var arr = document.querySelectorAll('div[title="title"],span[title="title"],');
return arr;
}
-->
</script> 

Так?

Отладчик пишет SyntaxError: 'div[title="title"],span[title="title"],' is not a valid selector

[Switch74]

запятую уберите в конце 

div[title="title"],span[title="title"],

[Joerrigo]

Попробовал вместо тайтла добавить пустой класс hidden. С ним, вроде получилось:

<script>
<!-- 
function getHidd() 
{
var arr = document.querySelectorAll(".hidden");
return arr;
}
-->
</script> 

<script>
<!-- 
function Hidd()
{
//var hiddenElements = document.getElementsByName();
var hiddenElements = getHidd();
if (hiddenElements[0].style.display == 'none')
{
var pass = prompt('Введите пароль (Необязательный параметр)');
if (pass == document.getElementById("pass").innerHTML)
{ for (i=0; i< hiddenElements.length; i++) hiddenElements[i].style.display='inline'; }
else
{ for (i=0; i< hiddenElements.length; i++) hiddenElements[i].style.display='none'; }
}
else
{ for (i=0; i< hiddenElements.length; i++) hiddenElements[i].style.display='none'; }
}
//-->
</script>

 

Осталось объединить 2 скрипта в один ))

Пытаюсь укоротить код, запихав

var arr = document.querySelectorAll(".hidden");
return arr;

во второй скрипт. Не выходит. Что не так?

<script>
<!-- 
function Hidd()
{
var hElements = document.querySelectorAll(".hidden");
return hElements;
if (hElements[0].style.display == 'none')
{
var pass = prompt('Введите пароль (Необязательный параметр)');
if (pass == document.getElementById("pass").innerHTML)
{ for (i=0; i< hElements.length; i++) hElements[i].style.display='inline'; }
else
{ for (i=0; i< hElements.length; i++) hElements[i].style.display='none'; }
}
else
{ for (i=0; i< hElements.length; i++) hElements[i].style.display='none'; }
}
-->
</script>

 

[Joerrigo]

Убрал и все получилось

return hElements;

Спасибо!