Question

我想使用typescript更新更新html元素的某些属性。是否可能，如果是，那么如何......？我提供了我的代码。

HTML： -

<a ref="#" id="userProfileName" style="padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px;">
<img src="" alt="" id="userProfilePic" class="profile-img" style="width: 56px; height: 50px;"></a>

打字稿： -

document.getElementById('userProfilePic').src = profile.picture;
document.getElementById('userProfileName').textContent = profile.given_name;

错误我得到： -

error TS2339: Property 'src' does not exist on type 'HTMLElement'.

Answer 1

document.getElementById函数返回HTMLElement类型的元素，该元素没有src属性。
您需要键入断言为HTMLImageElement：

(document.getElementById('userProfilePic') as HTMLImageElement).src = profile.picture;

同样适用于HTMLAnchorElement但textContent可以直接从HTMLElement访问，因此无需投射。

Answer 2

这是从 Typescript 文件操作 HTMLElement 的方式。（角度框架）

HTML：

  <span id="alert_VotePg"></span>

打字稿文件：

   var alertZ = document.getElementById('alert_VotePg');
   alertZ!.innerText ="1) Choose a movie 2) The name and email cannot be blank.";

使用typescript，如何更新HTML元素的值和文本。

2 个答案: