javascript - 检索文本区域中的 alt 值和文本

Question

我有一个包含此内容的文本区域

<textarea id="testContent"> <img src="..." alt="value"> My text.... </textarea>

我知道我可以使用 javascript 选择 img 标签的 alt 值，如图所示

<script>
    var $textfeldVal = document.getElementById("testContent");
    $img = $textfeldVal.getElementsByTagName("img")[0];
    alert("ALT VALUE: "+$img.alt);
</script>

有没有办法可以使用javascript来选择alt值<img>以及文本区域中的文本？

Answer 1

好吧，如果你必须的话，你可以像这样连接它们:

var $textarea = $("textarea#testContent"),
    textareaValue = $textarea.val(),
    // get alt value using regex, as jQuery can't find DOM nodes within a textarea
    altValueMatch = textareaValue.match(/\<img.*?alt=(\"|\')(.*?)\1.*?\>/),
    altValue = (Array.isArray(altValueMatch) && typeof altValueMatch[2] === "string")
        ? altValueMatch[2]
        : null;

// remove the img tag from textareaValue and trim any trailing whitespace
textareaValue = textareaValue.replace(/\<img.*?\>/, "").trim();

var concatenated = [altValue, textareaValue].join(" ");

不过，您确实不应该将 DOM 节点放入文本区域内，因为它仅为纯文本设计。