Javascript 使用本机JS将HTML元素替换为字符串内容_Javascript_Html

Javascript 使用本机JS将HTML元素替换为字符串内容

javascript html

Javascript 使用本机JS将HTML元素替换为字符串内容,javascript,html,Javascript,Html,有以下HTML代码： <body> <menu> </menu> ... other html </body> 变量“template”包含“”。因此，我希望具有以下HTML： <body> <ul class="menu"> </ul> ... other html </body> ... 其他html 试试： var body=document.getElemen

有以下HTML代码：

<body>
  <menu>
  </menu>
  ... other html
</body>

变量“template”包含

“
”

。因此，我希望具有以下HTML：

<body>
  <ul class="menu">
  </ul>
  ... other html
</body>




... 其他html

试试：

var body=document.getElementsByTagName（'body'）[0]；
body.innerHTML=body.innerHTML.replace（/[\s\s]*？/，模板）；

试试：

var body=document.getElementsByTagName（'body'）[0]；
body.innerHTML=body.innerHTML.replace（/[\s\s]*？/，模板）；

您提到

innerHTML

；设置后，将使用更新替换元素和所有子元素：

var menu = document.getElementsByTagName('menu')[0];
menu.outerHTML = template;

你提到

innerHTML

；设置后，将使用更新替换元素和所有子元素：

var menu = document.getElementsByTagName('menu')[0];
menu.outerHTML = template;

试试这个

var str = '<ul class="menu"></ul>';
var menu = document.getElementsByName('menu');
var parentMenu = menu.parentNode;
parentMenu.removeChild(menu);
parentMenu.innerHTML = str + parentMenu.innerHTML;

var str='；
var menu=document.getElementsByName（'menu'）；
var parentMenu=menu.parentNode；
parentMenu.removeChild（菜单）；
parentMenu.innerHTML=str+parentMenu.innerHTML；

试试这个

var str = '<ul class="menu"></ul>';
var menu = document.getElementsByName('menu');
var parentMenu = menu.parentNode;
parentMenu.removeChild(menu);
parentMenu.innerHTML = str + parentMenu.innerHTML;

var str='；
var menu=document.getElementsByName（'menu'）；
var parentMenu=menu.parentNode；
parentMenu.removeChild（菜单）；
parentMenu.innerHTML=str+parentMenu.innerHTML；

试试这个

var elem = document.getElementsByTagName('body')[0]; // Select any element you want.
var target = elem.innerHTML;
elem.innerHTML = target.replace(/(<menu)/igm, '<ul class="menu"').replace(/<\/menu>/igm, '</ul>');

var elem=document.getElementsByTagName（'body'）[0]；//选择所需的任何元素。
var target=elem.innerHTML；
elem.innerHTML=target.replace（/（试试这个
var elem = document.getElementsByTagName('body')[0]; // Select any element you want.
var target = elem.innerHTML;
elem.innerHTML = target.replace(/(<menu)/igm, '<ul class="menu"').replace(/<\/menu>/igm, '</ul>');

var elem=document.getElementsByTagName（'body'）[0]；//选择所需的任何元素。
var target=elem.innerHTML；
elem.innerHTML=target.replace（/（使用本机JS
无jQuery？因为您知道innerHTML
，您可能有兴趣知道有一个对应的@JamesThorpe（加上一个小示例）应该是答案，而不是注释。使用原生JS
无jQuery？既然您知道innerHTML
，您可能有兴趣知道其中有一个对应的。@JamesThorpe（加上一个小例子）应该是答案，而不是注释。