Скрыть содержимое внутри скобок, используя чистый JavaScript

Question

Я хочу использовать чистый JavaScript для скрытия всего содержимого внутри скобок в документе. Например, это:

SOMETEXT [Информация]

будет заменен следующим образом:

SOMETEXT

С JQuery я могу сделать это с:

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     var replaced = jQuery("body").html().replace(/\[.*\]/g,''); 
     jQuery("body").html(replaced); 
    }); 
</script> 

Answer 1

Если вы используете, document.body.innerHTML для замены, это будет заменить все между [], даже действительными, например, именами ввода. Поэтому я думаю, что вам нужно захватить все текстовые поля, а затем запустить регулярное выражение на них. This question looks like it will do the trick.

function recurse(element) 
{ 
    if (element.childNodes.length > 0) 
     for (var i = 0; i < element.childNodes.length; i++) 
      recurse(element.childNodes[i]); 

    if (element.nodeType == Node.TEXT_NODE && /\S/.test(element.nodeValue)){ 
     element.nodeValue = element.nodeValue.replace(/\[.*\]/g,''); 
    } 
} 

document.addEventListener('DOMContentLoaded', function() { 
    // This hits the entire document. 
    // var html = document.getElementsByTagName('html')[0]; 
    // recurse(html); 

    // This touches only the elements with a class of 'scanME' 
    var nodes = document.getElementsByClassName('scanME'); 
    for(var i = 0; i < nodes.length; i++) { 
    recurse(nodes[i]); 
    } 
}); 

Answer 2

У вас уже есть решение, попробуйте "Sometext [info]".replace(/\[.*\]/g,'');

Answer 3

The document's DOMContentLoaded event будет стрелять в то же время, что и обратный вызов вы передаете jQuery(document).ready(...).

Вы можете получить доступ к телу страницы через document.body вместо jQuery ("body") и изменить HTML с помощью the .innerHTML property вместо jQuery's .html() method.

document.addEventListener("DOMContentLoaded", function(event) { 
    var replaced = document.body.innerHTML.replace(/\[.*\]/g,''); 
    document.body.innerHTML = replaced; 
}); 

Answer 4

В основном то, что делают ваши это

document.addEventListener('DOMContentLoaded', function() { 
    var replaced = document.body.innerHTML.replace(/\[.*\]/g,''); 
    document.body.innerHTML = replaced 
}); 

Это было бы глупо идея, хотя (говоря для себя)

сделать вашу жизнь проще & ваш сайт лучше делать что-то вроде этого

<p> Sometext <span class="tag-variable"> [info] </span> </p> 

document.addEventListener('DOMContentLoaded', function(){ 
    var tags = document.getElementsByClassName('tag-variable'); 
    for(var i = 0; i < tags.length; i++) { 
     var current = tags[i]; // Work with tag here or something 
     current.parentNode.removeChild(current); 
    } 
});