Форум

tippula · #1 (**permalink**) 12.12.2014, 13:48

Можно ли заменить на странице <h2>Zagolovok-1</h2>
не перерисовывая весь элемент в котором находиться h2 ?

document.getElementById('div_id').innerHTML = document.getElementById('div_id'').innerHTML.repla ce('<h2>Zagolovok-1</h2>', '<h2>Zagolovok-2</h2>');

krutoy · #2 (**permalink**) 12.12.2014, 13:50

<html>
<head>
</head>
<body>

<h2>foo</h2>
<h3>foo</h3>


<script>
document.querySelector("h2").innerHTML="baz"
document.getElementsByTagName("h3")[0].innerHTML="baz"

</script>
</body>
</html>

tippula · #3 (**permalink**) 12.12.2014, 14:02

Простите, забыл пояснить. Заменить именно конкретный элемент, он может быть любым, id у него нет, но знаем точно какой тег и что внутри.
типа так чтобы работало
document.volshebhaya_hren("<h2>Zagolovok-1</h2>").innerHTML="<h2>Zagolovok-new</h2>"

krutoy · #4 (**permalink**) 12.12.2014, 14:03

Сообщение от tippula

он может быть любым, id у него нет,

А где ты увидел в моем коде id?

krutoy · #5 (**permalink**) 12.12.2014, 14:07

Сообщение от tippula

document.volshebhaya_hren("<h2>Zagolovok-1</h2>").innerHTML="<h2>Zagolovok-new</h2>"

Так и работает. Только innerHTML="Zagolovok-new

tippula · #6 (**permalink**) 12.12.2014, 14:14

Может я что то не понимаю, Нужно проверять не только какой тег но и что там внутри, т.к .может быть несколько одинаковых тегов, а поменять надо только в одном

krutoy · #7 (**permalink**) 12.12.2014, 14:34

<html>
<head>
</head>
<body>

<h1>foo</h1>
<h1>bar</h1>

<script>
;[].forEach.call(document.querySelectorAll("h1"), function(el){if(el.innerHTML==="bar") el.innerHTML="baz"})
</script>
</body>
</html>

если производительность критична, можно так

<html>
<head>
</head>
<body>

<h1>foo</h1>
<h1>bar</h1>

<script>
;[].forEach.call(document.querySelectorAll("h1"), function(el){
  try{
     if(el.innerHTML==="bar") throw el
  }catch(e){e.innerHTML="baz"}})
</script>
</body>
</html>

или тупо циклом

<html>
<head>
</head>
<body>

<h1>foo</h1>
<h1>bar</h1>

<script>
els=document.querySelectorAll("h1")
for(var i=0; i<els.length; i++){
      if(els[i].innerHTML==="bar") {els[i].innerHTML="baz" ; break}

}
</script>
</body>
</html>

Aetae · #8 (**permalink**) 12.12.2014, 15:17

krutoy,
>если производительность критична, можно так
>try catch
Ты совсем больной? Исключения замедляют код на порядки.

krutoy · #9 (**permalink**) 12.12.2014, 15:47

Aetae,
Ога

arr=[]
i=1000000
while(i--){arr.push(i)}
i=1000000

withTry=function(name){
console.time(name)
try{
arr.forEach(function(el) {if(el===1||el===(i-1)) throw el})
}catch(e){console.log(e)}
console.timeEnd(name)
}

withOutTry=function(name){
console.time(name)
arr.forEach(function(el) {if(el===1||el===(i-1)) console.log(el)})
console.timeEnd(name)
}


withTry("with")
withOutTry("without")
// ::: 999999
// ::: with: 2ms
// ::: 999999
// ::: 1
// ::: without: 117ms

И про память не забудь. Говностек никто не отменял.

ruslan_mart · #10 (**permalink**) 12.12.2014, 16:47

document.querySelector('#div_id h2').innerHTML = '...';

Форум

Справочник

Discord чат

Курсы javascript