回答編集履歴

4 fix

nanndemoiikara

nanndemoiikara score 709

2015/06/17 22:11  投稿

```lang-javascript
//var elm = document.querySelector("#target");
var elm = document.getElementById("target");
var span = elm.querySelector("div > div > span");
window.alert("${span.text}");
```
comment data
```lang-html
<div>
<span>test</span>
<div id="target">
<span>その1</span>
<div>
<span>その2</span>
</div>
</div>
</div>
```
```lang-javascript
import 'dart:html';
Element target;
Element span;
void main() {
target = query('#target');
span = target.query('div > span');
print(span.text);
}
```
コレだ!!!
```lang-html
<div>
  <span>test</span>
  <div id="target">
     <span>その1</span>
     <div>
       <span>その2</span>
     </div>
  </div>
</div>
```
```lang-javascript
import 'dart:html';
Element target;
Element span;
void main() {
target = query('#target');
span  = target.query('div > div > span');
print(span.text);
}
```
その2ではなくその1が取れます。
その為、起点にしているわけではないようです。
その為、起点にしているわけではないようです。
起点にして取得するには
```lang-javascript
import 'dart:html';
Element target;
Element span;
void main() {
target = query('#target');
span  = target.childNodes[3].childNodes[1];
print(span.text);
}
```
という取り方になるかと思われます。
よろしくお願い申し上げます。
3 fix

nanndemoiikara

nanndemoiikara score 709

2015/06/17 22:03  投稿

```lang-javascript
//var elm = document.querySelector("#target");
var elm = document.getElementById("target");
var span = elm.querySelector("div > div > span");
window.alert("${span.text}");
```
comment data
```lang-html
<div>
<span>test</span>
<div id="target">
<span>その1</span>
<div>
<span>その2</span>
</div>
</div>
</div>
```
```lang-javascript
import 'dart:html';
Element target;
Element span;
void main() {
target = query('#target');
span = target.query('div > span');
print(span.text);
}
```
```
コレだ!!!
```lang-html
<div>
  <span>test</span>
  <div id="target">
     <span>その1</span>
     <div>
       <span>その2</span>
     </div>
  </div>
</div>
```
```lang-javascript
import 'dart:html';
Element target;
Element span;
void main() {
target = query('#target');
span  = target.query('div > div > span');
print(span.text);
}
```
その2ではなくその1が取れます。
その為、起点にしているわけではないようです。
2 comment data fix

nanndemoiikara

nanndemoiikara score 709

2015/06/17 20:48  投稿

```lang-javascript
//var elm = document.querySelector("#target");
var elm = document.getElementById("target");
var span = elm.querySelector("div > div > span");
window.alert("${span.text}");
```  
 
 
comment data  
```lang-html  
<div>  
<span>test</span>  
<div id="target">  
<span>その1</span>  
<div>  
<span>その2</span>  
</div>  
</div>  
</div>  
```  
 
```lang-javascript  
import 'dart:html';  
Element target;  
Element span;  
void main() {  
target = query('#target');  
span = target.query('div > span');  
print(span.text);  
}  
```
1 fix

nanndemoiikara

nanndemoiikara score 709

2015/06/17 20:06  投稿

```lang-javascript
//var elm = document.querySelector("#target");
var elm = document.getElementById("target");
var span = elm.querySelector("div > span");
var span = elm.querySelector("div > div > span");
window.alert("${span.text}");
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る