如何使用JavaScript将格式应用于<；td>；在HTML表格中？

因此，我尝试将JavaScript应用于Html表中的整个列

下面是我的脚本（请忽略第一个daterange函数，但我想显示完整代码）：

我所要做的就是在表的消息行中的每个逗号后添加一条特征线。知道我哪里出错了吗？多谢各位

<script type="text/javascript">
$(function() {
$('input[name="daterange"]').daterangepicker({

     singleDatePicker: true,
     locale: {
         format: 'YYYY-MM-DD'
     }
});

 function formatMessage() {
 var yourString = document.getElementById('msg').value;
 var formattedText = yourString.split(",").join("\n");
 $('msg').html(formattedText);
   }; 

});
</script>

$（函数（）{
$（'input[name=“daterange”]”）。daterangepicker({
singleDatePicker：是的，
区域设置：{
格式：“YYYY-MM-DD”
}
});
函数formatMessage（）{
var yourString=document.getElementById（'msg'）.value；
var formattedText=yourString.split（“，”）.join（“\n”）；
$（'msg'）.html（格式化文本）；
}; 
});

以下是相关的HTML：

<table class="table table-striped jambo_table bulk_action">
  <thead>
    <tr class="headings">
        <th class="column-title">Message</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="statement in statements track by $index">
      <td class=" " id="msg" style="display:none;">{{statement.msg}}</td>
      <td class=" ">{{statement.msg}}</td>
    </tr>
  </tbody>
</table>

消息
{{statement.msg}}
{{statement.msg}}

yourMessage.split（“，”）.join（“\n”）

有效地将所有出现的逗号替换为换行符

如果要在每个逗号实例后添加换行符，请尝试

yourMessage.split（“，”）.join（“，\n”）

yourMessage.split（“，”）.join（“\n”）

有效地将所有出现的逗号替换为换行符

如果要在每个逗号实例后添加换行符，请尝试

yourMessage.split（“，”）.join（“，\n”）

首先

 var yourString = document.getElementById("msg").value;

不是获取“td”标记值的正确方法。 你应该这样做

var yourString_obj = document.getElementById("msg");
var yourString_text = yourString_obj.innerHTML;

或

对于拆分文本和插入新行，应使用以下功能。 split（）连接（） 和使用

用于在文本中添加新行

---

下面这些应该可以解决你的问题

function formatMessage() {
var yourString = document.getElementById("msg").innerHTML;
var formattedText = yourString .split(",").join(",<br>");
document.getElementById("msg").innerHTML = formattedText ;
};

函数formatMessage（）{
var yourString=document.getElementById（“msg”）.innerHTML；
var formattedText=yourString.split（“，”）.join（“，
”）；
document.getElementById（“msg”）.innerHTML=格式化文本；
};

}))

首先

 var yourString = document.getElementById("msg").value;

不是获取“td”标记值的正确方法。 你应该这样做

var yourString_obj = document.getElementById("msg");
var yourString_text = yourString_obj.innerHTML;

或

对于拆分文本和插入新行，应使用以下功能。 split（）连接（） 和使用

用于在文本中添加新行

---

下面这些应该可以解决你的问题

function formatMessage() {
var yourString = document.getElementById("msg").innerHTML;
var formattedText = yourString .split(",").join(",<br>");
document.getElementById("msg").innerHTML = formattedText ;
};

函数formatMessage（）{
var yourString=document.getElementById（“msg”）.innerHTML；
var formattedText=yourString.split（“，”）.join（“，
”）；
document.getElementById（“msg”）.innerHTML=格式化文本；
};

---

}))

ID是单数的。为什么不使用angular进行转换？换行符只是HTML中的空白；这是基本的HTML。这是我第一次使用angular，我所有的在线搜索解决方案都是搜索JavaScript。如果有一种方法可以使用Angular，我将研究您将创建多个id=msg的td。另外，如果您希望元素按id显示，jQuery中的$（'msg'）应该是$（'#msg'）。谢谢，我认为通过为每一行设置id='msg'，那么格式将应用于每一行id都是单数。为什么不使用angular进行转换？换行符只是HTML中的空白；这是基本的HTML。这是我第一次使用angular，我所有的在线搜索解决方案都是搜索JavaScript。如果有一种方法可以使用Angular，我将研究您将创建多个id=msg的td。另外，如果您希望元素按id显示，jQuery中的$（'msg'）应该是$（'#msg'）。谢谢，我认为通过为每一行设置id='msg'，格式将应用于每一行