Javascript html中元素之间的空格（节点）_Javascript_Html_Jquery_Css_Wordpress

Javascript html中元素之间的空格（节点）

javascript html jquery css wordpress

Javascript html中元素之间的空格（节点）,javascript,html,jquery,css,wordpress,Javascript,Html,Jquery,Css,Wordpress,为什么在我的站点中，我看到特定插件中元素之间的白色节点这是一个WordPress，元素之间有空格，我想删除它，但使用DOM我无法选择它。我试图改变主题，插件运行完美，所以我认为这是一个主题的问题，但我不能改变它那我该怎么解决呢？我可以用CSS/JavaScript/jQuery删除/隐藏它吗？如果我使用Inspector并单击“在控制台中使用”，它将显示一些信息： #text assignedSlot: null childNodes: NodeList [] data: &

为什么在我的站点中，我看到特定插件中元素之间的白色节点

这是一个WordPress，元素之间有空格，我想删除它，但使用DOM我无法选择它。我试图改变主题，插件运行完美，所以我认为这是一个主题的问题，但我不能改变它

那我该怎么解决呢？我可以用CSS/JavaScript/jQuery删除/隐藏它吗？如果我使用Inspector并单击“在控制台中使用”，它将显示一些信息：

#text

assignedSlot: null

childNodes: NodeList []

data: "\n        "

firstChild: null

isConnected: true

lastChild: null

length: 9

nextElementSibling: null

nextSibling: null

nodeName: "#text"

nodeType: 3

nodeValue: "\n        "

textContent: "\n        "

wholeText: "\n        "

白色节点由元素节点的开始和结束标记之间的文本数据创建，文本数据为¨/n¨、新行和空格，如果要隐藏这些白色节点，必须使用removeChild（text_node）方法从父元素节点删除每个文本子节点，或者不创建文本数据（¨/n¨）源文档中的内部元素。文档中的文本数据示例

<HTML> 
<HEAD> 
<TITLE> A Simple Page </TITLE>
 </HEAD> 
<BODY> 
<P ID=”paragraph1”>
 This is the <--! For example this line is Text Data for P element --> 
<EM ID=”emphasis1”>
 one and only  <--! This line is Text Data for EM element -->
 </EM>
 paragraph on the page.  <--! This line ii  Text Data for P element --> /P> 
</BODY> 
</HTML


简单的一页

这是
唯一的
页面上的段落/P>
function Remove_TextNode(parent_node) {
 for (i = 0 ; i < parent_node.childNodes.length; i++) {
    if (parent_node.childNodes.item(i).nodeName =="#text"){
         parent_node.removeChild(parent_node.childNodes.item(i));  
         Remove_TextNode(parent_node);}
  }
}