页面价格内容未更新问题（已排查为CSS问题，无法删除原帖）

核心问题确认 #

你的JS逻辑是正常的——能成功获取接口数据，且修改innerText为'hi'时内容能显示，所以页面价格不更新的问题确实是CSS样式导致内容无法被看见，而非JS执行失败。

CSS排查与修复步骤 #

• 打开浏览器开发者工具（按F12），定位到.nasdaqPrice元素，查看右侧「样式」面板：
  • 检查是否存在display: none、visibility: hidden这类直接隐藏元素的属性
  • 核对font-size是否为0，或者color与元素背景色完全一致，导致内容肉眼不可见
  • 检查元素是否被父元素的overflow: hidden截断，或是被其他元素通过z-index层级覆盖
• 测试验证：在开发者工具里临时禁用可疑的CSS属性，确认内容是否正常显示
• 正式修复：根据排查结果调整CSS，比如恢复display属性为block/inline-block，修改字体颜色与背景色形成对比，调整元素层级或父元素溢出规则

代码优化提醒 #

你的当前代码是将股票代码（IBM）赋值到页面，而非股票价格，若需求是显示价格，需修改取值字段：

const axios = require('axios');  
const getprice = async () => {
  let nsdq = await axios.get("https://www.alphavantage.co/query?function=GLOBAL_QUOTE&symbol=IBM&apikey=e");  
  console.log(nsdq);
  // 替换为价格字段
  let sharePrice = nsdq.data['Global Quote']['05. price']; 
  console.log(nsdq.data);
  console.log(sharePrice);
  const priceElement = document.querySelector('.nasdaqPrice');
  priceElement.innerText = sharePrice;  
};  
getprice();

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