按钮onclick id更改在使用javascript的Html中不起作用

我想用onclick按钮更改textarea的ID。因此，我在我的字段中创建了两个按钮。每次单击运行一个函数

问题：它只是第一次和第二次替换我的id，当我点击第二个按钮时，它会抛出错误，说“UncaughtTypeError:无法在ti_pos_fun（index.html:491）将属性'id'设置为null”

text这些ID要去的区域代码及其文本

<div class="col-md-10">
    <H3> textarea</H3>
    <textarea id = "jsel"></textarea> 
    </div>

文本区

您单击按钮1-检查按钮

它在textarea中获取id和文本

单击按钮2时-取消选中按钮

它失败了

---

这是因为ID不再是jsel了，您需要这样的东西，如果找不到jsel，请检查另一个函数集的ID，反之亦然。编辑：添加了有效的剪报

功能ti_pos_fun（）
{
var a=document.getElementById（“jsel”）；
如果（a！=null）{
a、 id=“ti_pos”；
document.getElementById（'ti_pos'）。innerHTML='hahahahaha'；
//$（“#ti#u pos”）.text（‘哈哈哈’）；
}否则{
var a=document.getElementById（“ti_neg”）；
a、 id=“ti_pos”；
document.getElementById（'ti_pos'）。innerHTML='hahahahaha'；
//$（“#ti#u pos”）.text（‘哈哈哈’）；
}
}
功能ti_neg_fun（）
{
var a=document.getElementById（“jsel”）；
如果（a！=null）{
a、 id=“ti_neg”；
//$（“ti#u neg”）.text（‘愤怒’）；
document.getElementById（'ti_neg'）。innerHTML='angry'；
}否则{
var a=document.getElementById（“ti_pos”）；
a、 id=“ti_neg”；
//$（“ti#u neg”）.text（‘愤怒’）；
document.getElementById（'ti_neg'）。innerHTML='angry'；
}
}

正性否定
文本区

第二次单击时它不起作用，因为您正在覆盖该元素的id

//a.id = "ti_neg";

所以，在第二次单击时，没有id为

jsel的元素，下面的语句将返回null，它将不起作用

document.getElementById("jsel");


函数ti_neg_fun（）
{
var a=document.getElementById（“jsel”）；
//a、 id=“ti_neg”；
//$（“ti#u neg”）.text（‘愤怒’）；
document.getElementById（'jsel'）.innerHTML='angry'；
}
功能ti_pos_fun（）
{
var a=document.getElementById（“jsel”）；
//a、 id=“ti_pos”；
document.getElementById（'jsel'）.innerHTML='hahahahaha'；
//$（“#ti#u pos”）.text（‘哈哈哈’）；
}

ti:12
文本区
我在textarea元素中添加了-class=“textarea”；我正在尝试使用“$（'.textarea1'）。单击（function（）{alert（this.id）；}）；“提取有效的ID。但无法理解如何将提取的ID放入文档中。getelementbyid（extractedid），我这样做是因为有20多个元素，所以我可以得到一个json文件。从这些json键中，我为每个键创建这些ID，这样就有18个ID。这些ID被解析。$（“#cst#u pos”）.text（obj[”0“]['drivers_with_-sequences']['cst']['Selected']]；$（“'cst_neg”）.text（obj[“0”]['drivers_with_-sequences']['cst']['Unselected']）；选择“check”后，cst_pos进入文本区域，然后…18个元素的列表继续，这看起来不错，但这些元素不同，ID链接到不同的值，但谢谢
//a.id = "ti_neg";

document.getElementById("jsel");