изменение DOM
есть ли попроще способ измениь текст в данном примере?
<body> <button class="user-btn column-user"> ku <span class="foto"> <img height="100" src="http://www.kenwalger.com/twitter_cards/mongodb-atlas.png"> </span> </button> </body> <script> setTimeout (() => { const el=document.querySelector('.column-user span') document.querySelector('.column-user').textContent='hi' document.querySelector('.column-user').append(el) }, 2000); </script> |
od0201,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> </head> <body> <button class="user-btn column-user"> ku <span class="foto"> <img height="100" src="http://www.kenwalger.com/twitter_cards/mongodb-atlas.png"> </span> </button> </body> <script> setTimeout (() => { document.querySelector('.column-user').firstChild.nodeValue='hi' }, 2000); </script> </html> |
od0201,
Если надо изменять только часть текста, то надо эту часть обернуть в span: <button class="user-btn column-user"> <span class="text">ku</span> <span class="foto"> <img height="100" src="http://www.kenwalger.com/twitter_cards/mongodb-atlas.png"> </span> </button> <script> setTimeout(() => { document.querySelector('.user-btn .text').textContent='hi' }, 2000); </script> И дать вменяемый класс, чтобы можно было разложить скрипт на подобие английского предложения: "document query selector' user-btn text' text content = hi" |
рони,
Спасибо Rise, задача стояла "изменить текст в данном примере", а не создать пример, чтоб можно было изменить текст. Спасибо, совет дельный, но сайт "чужой" и я там "гость" через расширение :thanks: |
Часовой пояс GMT +3, время: 15:27. |