使用Javascript在textarea中显示表格代码
我想在页面加载时在文本区域显示表代码。我下面的代码为我这样做,但我希望我的代码必须有开始和结束表标记。请告诉我怎么做使用Javascript在textarea中显示表格代码,javascript,html,Javascript,Html,我想在页面加载时在文本区域显示表代码。我下面的代码为我这样做,但我希望我的代码必须有开始和结束表标记。请告诉我怎么做 var elem=document.getElementById(“myTable”); var targetId=“\u hiddencypytext”; 变量isInput=elem.tagName==“输入”| | elem.tagName==“文本区域”; 变量origSelectionStart、origSelectionEnd; 目标=元素; origSelecti
var elem=document.getElementById(“myTable”);
var targetId=“\u hiddencypytext”;
变量isInput=elem.tagName==“输入”| | elem.tagName==“文本区域”;
变量origSelectionStart、origSelectionEnd;
目标=元素;
origSelectionStart=elem.selectionStart;
origSelectionEnd=elem.selectionEnd;
document.getElementById(“showTableCode”).value=elem.innerHTML.replaceAll(“,”).replaceAll(“,”).replaceAll(“,”).replaceAll(/(\r\n | \r | \n){2,}/g,'\n')代码>
表,th,td{
边框:1px纯黑;
边界塌陷:塌陷;
}
单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
您的表代码:
您只需按如下方式获取表格的名称:
elem.parentNode
然后它将为您提供整个表的HTML代码,因为您指向它的父表并获取它的innerHTML
所以您的最终代码应该是这样的:
var elem=document.getElementById(“myTable”);
var targetId=“\u hiddencypytext”;
变量isInput=elem.tagName==“输入”| | elem.tagName==“文本区域”;
变量origSelectionStart、origSelectionEnd;
目标=元素;
origSelectionStart=elem.selectionStart;
origSelectionEnd=elem.selectionEnd;
document.getElementById(“showTableCode”).value=elem.parentNode.innerHTML.replaceAll(“,”).replaceAll(“,”).replaceAll(“,”).replace(/(\r\n | \r | \n){2,}/g,'\n')代码>
表格,
th,
运输署{
边框:1px纯黑;
边界塌陷:塌陷;
}
单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
您的表代码:
您可以使用outerHTML
而不是innerHTML
:
elem = document.getElementById("myTable");
var targetId = "_hiddenCopyText_";
var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
var origSelectionStart, origSelectionEnd;
target = elem;
origSelectionStart = elem.selectionStart;
origSelectionEnd = elem.selectionEnd;
document.getElementById("showTableCode").value=elem.outerHTML.replaceAll("<tbody>", '').replaceAll("</tbody>", '').replace(/(\r\n|\r|\n){2,}/g, '\n');
elem=document.getElementById(“myTable”);
var targetId=“\u hiddencypytext”;
变量isInput=elem.tagName==“输入”| | elem.tagName==“文本区域”;
变量origSelectionStart、origSelectionEnd;
目标=元素;
origSelectionStart=elem.selectionStart;
origSelectionEnd=elem.selectionEnd;
document.getElementById(“showTableCode”).value=elem.outerHTML.replaceAll(“,”).replaceAll(“,”).replaceAll(“,”).replaceAll(/(\r\n | \r | \n){2,}/g,'\n');
你的意思是这样的吗:
var table=document.getElementById(“myTable”);
让区域=document.getElementById(“showTableCode”);
//有关格式函数的来源,请勾选此问题https://stackoverflow.com/questions/3913355/how-to-format-tidy-beautify-in-javascript/3966736
函数格式(html){
var标签=“”;
var结果=“”;
var缩进=“”;
html.split(/>\s*Dude您的第一段代码错误,请检查此处