无法从段落（<p> </p>）中的脚本获取值

Question

<p><input type="text" name="adcode" id="cityName" 
         style="border:none;color:green;"/></p>
        <script>
          window.onload = function() {
              document.getElementById('cityName').value = GetDivElement();
            }  
        </script>

上面的代码，我无法在段落中调用“ GetDivElement”

<p id="cityName"></p>

如何在p id中传递GetElementId？

Answer 1

如果您想获取段落的GetDivElement()方法的返回值，则可以按照以下方式进行操作：

window.onload = function() {
  let getDivElement = () => {
    return 'Div element data';
  };
  
  let inputbox = document.getElementById('cityInput');
  let cityParagraph = document.getElementById('cityValue');
  
  inputbox.value = cityParagraph.innerHTML = getDivElement();

}  

<div>
    <input id="cityInput" />
    <p id="cityValue"></p>
</div>

从我以后的评论中可以理解，如果要从id='coimbatore'方法获得的GetDivElement()中获取段落值，可以执行以下操作：

window.onload = function() {
  let getDivElement = () => {
    return 'coimbatore';
  };
  
  let paraId = getDivElement();
  let textboxId = `${paraId}CityInput`;
  
  let inputbox = document.getElementById(textboxId);
  let cityParagraph = document.getElementById(paraId);
  
  console.log(`Text field value is : ${inputbox.value}`);
  console.log(`Paragraph value is : ${cityParagraph.innerHTML}`);

}

<div>
    <input id="delhiCityInput" value="delhi input"/>
    <p id="delhi">
      Delhi city data
    </p>
</div>
<div>
    <input id="mumbaiCityInput" value="mumbai input"/>
    <p id="mumbai">
      Mumbai city data
    </p>
</div>
<div>
    <input id="coimbatoreCityInput" value="coimbatore input"/>
    <p id="coimbatore">
      Coimbatore city data
    </p>
</div>

您需要在这里理解的事物是

1. 您不能为多个html元素设置相同的ID
2. 如果要从段落中获取值，则应使用innerHTML

希望这会有所帮助。