为何函数返回值在console.log正常，赋值给textContent时却无效？

咱们一步一步拆解你的代码问题：

首先先澄清一个关键误解：test_function在这里绝对不是null——你能通过console.log(test_function(param))打印出正确字符串，就说明函数本身完全正常工作。真正导致文本设置失败的是两个细节错误：

1. 致命拼写错误：textConent → textContent #

这是最直接的问题！你把DOM元素的textContent属性写成了textConent（少了一个字母t）。JavaScript是严格大小写敏感的，这个拼写错误会让代码试图访问一个不存在的属性，自然不会有任何效果。

修正后应该是：

container.textContent = test_function(param);

2. 元素选择器大概率写错了 #

你的代码里用了document.querySelector('Container')，这里存在逻辑问题：

• 如果你的容器是类名定义的（比如<div class="Container"></div>），应该写成.Container；
• 如果是ID定义的（比如<div id="Container"></div>），应该写成#Container；
• HTML里根本没有<Container>这种原生标签，直接写Container会找不到任何元素，此时container变量的值是null，后续设置属性的操作会静默失败（甚至在控制台抛出Cannot set property 'textContent' of null的错误）。

你需要根据实际HTML结构修正选择器，比如：

// 假设是ID选择器
let container = document.querySelector('#Container');
// 或者类选择器
let container = document.querySelector('.Container');

修正后的完整代码示例 #

const print_html = (param) => { 
  // 先修正元素选择器（根据你的HTML调整）
  let container = document.querySelector('#Container'); 
  console.log(test_function(param)); 
  // 再修正textContent的拼写
  container.textContent = test_function(param); 
} 

const test_function = (name) => { 
  return `My name is ${name}`; 
}; 

print_html('Jermaine');

这样修改后，应该就能正常把文本渲染到目标容器里了。

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