JavaScript 在文本区域中的特定位置插入文本

javascript insert text in specific place in text area

本文关键字:定位 位置 插入文本 文本 区域 JavaScript      更新时间:2023-09-26

我编写了一个表单,将一些xml标签插入文本区域。我使用这个函数:

    (function ($) {
     addCustomTag = function (name, param, value) {
         var code = "<" + name + " " + param + "='"" + value + "'">'n</" + name + ">";
         document.getElementById("codeArea").value += code;
     };
 })(jQuery);

如何使其他函数将子标签插入之前创建的标签中?XML 代码永远不会在服务器上使用。我所需要的只是在特定行中插入tex,这取决于在不切割之前这条线上的内容。像这样:

    addCustomSubtag = function(name,param,value,parent) {
    document.getElementById("codeArea").selectionStart = document.getElementById("codeArea").value - parent.length;
    var code = "<" + name + " " + param + "='"" + value + "'">'n</" + name + ">";
    document.getElementById("codeArea").value += code;
};

Javascript不是必需的。它也可以在jQuery上编写。谢谢。

你可以使用这些 jQuery 函数中的任何一个

  • http://api.jquery.com/append/
  • http://api.jquery.com/appendTo/
  • http://api.jquery.com/prepend/

更新:

实际上,我们也可以使用jQuery DOM操作方法来操作XML。

var xml = "<main/>";
alert(xml);                                  // <main/>
var $xml = $(xml).append($("<sub1/>"));
alert($xml.html());                          // <sub1></sub1>
$xml.find("sub1").append($("<sub2/>"));
alert($xml.html());                          // <sub1><sub2></sub2></sub1>
alert($xml.get(0).outerHTML);                // <main><sub1><sub2></sub2></sub1></main>