Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript在textarea中显示表格代码_Javascript_Html - Fatal编程技术网

使用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您的第一段代码错误,请检查此处