Html 爱奥尼亚3 cordova按钮点击错误

当我点击第一个div时，它会给我一个错误

无法读取null的属性“style”

为什么会发生这种错误？当我使用网格时，它工作得很好，但当我使用div时，它给了我错误

这是我的html

<ion-header>

 <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" 

<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" 
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


 <meta name="viewport" content="width=device-width, initial-scale=1, 
 maximum-scale=1, user-scalable=no">
 <!-- jQuery library -->
 <script 
  src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
 </script>

 <!-- Latest compiled JavaScript --> 
<script 
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> 
</script>


 </ion-header>




 <ion-content class="col-xs-12">
     <div class="number">
         9
     </div>

    <div class="center">
  <img src="assets/imgs/wajid.jpg" style="width: 84%;">

 </div>

  <div class="col-xl-12" >



  <div class = "line1" style="width: 18%;" (click)="p10_1()">
  <div class = "sections">نَ</div><!--
 --><div class = "sections">ذِ</div><!--
 --><div class = "sections">اَ</div>


 </div>

---

您的html中缺少id。 因此，它没有连接到您的.ts文件

 <div class="col-xl-12" >
  <div class = "line1" style="width: 18%;" (click)="p10_1()">
  <div id="sec1" class = "sections">نَ</div>
  <div id="sec2" class = "sections">ذِ</div>
  <div id="sec3" class = "sections">اَ</div>
 </div>

نَ
ذِ
اَ

嗯，是的。。您正在调用id为

sec1

、

sec2

和

sec3

的元素，但根据您发布的html文件，它们不存在

标记不等于html

标记，它是应用程序标题（导航和标题栏）的组件

 <div class="col-xl-12" >
  <div class = "line1" style="width: 18%;" (click)="p10_1()">
  <div id="sec1" class = "sections">نَ</div>
  <div id="sec2" class = "sections">ذِ</div>
  <div id="sec3" class = "sections">اَ</div>
 </div>