如何在querySelector赋值操作中插入id为balance_r的元素值

实现方案 #

你可以通过以下代码实现需求：

// 获取id为balance_r的元素的文本内容，trim用于去除前后多余空格
const balanceContent = document.getElementById('balance_r').textContent.trim();
// 拼接字符串后赋值给目标元素的value属性
document.querySelector('#message_text').value = `/send 1327877 ${balanceContent}`;

补充说明 #

• 针对id选择的场景，优先用document.getElementById()而不是querySelector()，执行效率更高，也不需要额外写选择器语法
• 如果你需要保留元素内部的HTML标签内容，可以把textContent替换为innerHTML
• 如果你所在的运行环境不支持ES6模板字符串，可以改用普通字符串拼接写法：

const balanceContent = document.getElementById('balance_r').textContent.trim();
document.querySelector('#message_text').value = '/send 1327877 ' + balanceContent;

内容的提问来源于stack exchange，提问作者Lam Lg