Überprüfen Sie, ob ein Element mit einem eigenständigen Tag mit JavaScript geschlossen wird

Question

Ich bekomme die Kindknoten von en Element und ich möchte überprüfen, ob die Tags tatsächlich Text enthalten können. Zum Beispiel:

<br />, <img /> 

Sollte false zurück und

<span></span>, <div></div>, <li></li> 

sollte true zurückgeben. Vielen Dank!

Answer 1

Leider gibt es keine Möglichkeit zu erkennen, wie ein Tag in dem Code geschrieben wurde, da, wenn das JavaScript ausgeführt wird, der HTML-Code wurde bereits in DOM-Objekte geparst.

Ihre Frage scheint jedoch mehr darüber zu sein, ob ein bestimmter Elementtyp Text enthalten kann. Dieser einfache Test gibt Ihnen eine Antwort pro Elementtyp:

function canElementContainText(tagname) { 
    try { 
     var e = document.createElement(tagname); 
     return e.outerHTML.indexOf("/") != -1; 
    } catch (ex) { 
     return false; 
    } 
} 

Zum Beispiel canElementContainText("div") kehrt true und canElementContainText("img") kehrt false.

Sie können dann die tagName Eigenschaft eines Elements an diese Funktion übergeben, um es zu testen.

var result = canElementContainText(myElement.tagName); 

Answer 2

Skript Nach funktioniert gut (Cross-Browser-Problem behoben):

function containTxt(tag) { 
    var tags = /^(img|video)$/i; // any values which will be in `tags` set will be treated as they can't have a text value 
    return !tags.test(tag); 
} 

console.log(containTxt("img")); // returns false 
console.log(containTxt("div")); // returns true 

Answer 3

konnte RegEx verwenden:

// these are samples, get elements text using element.innerHTML; 
var one = "<a href='something'>Links</a>"; 
var two = "Lorem ipsum dolor"; 

function check(str){ 
    return str.match(/<[a-zA-Z]+.*>(.|\n)*<\/[a-zA-Z]+>/) ? true : false; 
} 

console.log(check(one)); // true 
console.log(check(two)); // false