Javascript content.select()不处理<;代码>;要素

Javascript content.select()不处理<;代码>;要素,javascript,html,Javascript,Html,我试图制作一个按钮来选择元素的内容。但是,它不起作用,我得到的“content.select()不是一个函数 复制配置 function copyConfig() { const content = document.getElementById("contentCfg").textContent; const elem = document.createElement("textarea"); docu

我试图制作一个按钮来选择
元素的内容。但是,它不起作用,我得到的“
content.select()
不是一个函数


复制配置


function copyConfig() {
        const content = document.getElementById("contentCfg").textContent;
        const elem = document.createElement("textarea");
        document.body.appendChild(elem)
        elem.value = content;
        elem.select();
        elem.setSelectionRange(0, 99999);
        document.execCommand("copy");
        document.body.removeChild(elem);
    }
{{content}}
函数copyConfig(){ const content=document.getElementById(“contentCfg”).textContent; content.select(); content.setSelectionRange(099999); 文件。执行命令(“副本”); }

不知道为什么这不起作用,
{{{content}
会自动由我的模板服务器填充文本。r

最终通过将js更改为此来修复它(添加了元素部分)


实际上,您可以使用来解决这个问题,从而避免不必要的DOM操作

请参阅此问题中的或讨论:

函数copyConfig(){
const contentNode=document.getElementById(“contentCfg”)
常量范围=document.createRange();
范围。选择NodeContents(contentNode);
const selection=window.getSelection();
selection.removeAllRanges();
选择。添加范围(范围);
文件。执行命令(“副本”);
}
const copyButton=document.getElementById('copyButton');
copyButton.addEventListener('click',copyConfig);

复制配置


function copyConfig() {
        const content = document.getElementById("contentCfg").textContent;
        const elem = document.createElement("textarea");
        document.body.appendChild(elem)
        elem.value = content;
        elem.select();
        elem.setSelectionRange(0, 99999);
        document.execCommand("copy");
        document.body.removeChild(elem);
    }
{{content}}

textContent
是一个
字符串
值,而不是
HTMLElement
。您在不到10分钟的时间内回答了自己的问题?太棒了。