Точно так же, как jQuery innerHTML , write one or two functions that can get and set the text on an element.
Вы не можете использовать innerText or textContent , и даже меньше $.fn.text .
Обычный яваскрипт. Нет библиотеки DOM. Он должен работать в основных браузерах. (Не нужно заботиться о старом IE.)
Самый короткий код выигрывает.
Наслаждаться!
#код-гольф #javascript
t=(e,h)=>h?.sub?[...e.children].map(c=>e.removeChild(c))&&e.appendChild(document.createTextNode(h)):(e.data||'')+[...e.childNodes].map(c=>t(c))
Использование:
function t(e,v){if(!v&&v!=''){v=e.data||'';for each(c in e.childNodes)v+=t(c);return v}else{ while(c=e.lastChild)e.removeChild(c);e.appendChild(document.createTextNode(v))}}
Обратите внимание, что глобальное пространство имен не загрязняется.
Демонстрация, с многоуровневым деревом DOM и несколькими тестами
function t(e,v,f){if(!v&&v!=''){v=e.data||'';for(c in f=e.childNodes)v+=t(f[c]);return v}else{ while(c=e.lastChild)e.removeChild(c);e.appendChild(document.createTextNode(v))}}
Морали у меня существенно меньше, чем у @dystroy, поэтому не заморачивался вар. мне пришлось присмотреться ж хотя, и я сделал это несколько умно.
Тем не менее, наши ответы очень похожи, и я не уверен, что есть лучший способ сделать это.
С признанием коллекции (173):
var textContent = t(yourElement); // get the text content
t(yourElement, ''); // clear
t(yourElement, newText); // sets a new text
||answer||function t(e,h,f){if(h||h==''){while(f=e.lastChild)e.removeChild(f);e.appendChild(document.createTextNode(h))}h=e.data||'';for(c in f=e.childNodes)h+=t(f[c]);return h}
![[Ryan aka YourDoomPoker] Революционные новые линии и экспертная точность для побед](/assets/images/icons/forum0.png){kind=icon}
![[Geekbrains] PHP Уровень 2 Профессиональная веб-разработка](/assets/images/icons/forum1.png){kind=icon}
![[ищу] Материал Или Курсы Для Поднятия Группы Vk В Топ (и Seo-оптимизация В Vk)](/assets/images/icons/forum3.png){kind=icon}
