Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #39204 > unrolled thread

Accessing DIV value on current document

Back to article view | Back to comp.lang.javascript

Contents

  Accessing DIV value on current document Tatsujin <tatsujin.3.r@gmail.com> - 2020-11-26 23:42 -0800
    Re: Accessing DIV value on current document "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2020-11-27 13:49 +0100
      Re: Accessing DIV value on current document Jake Jarvis <pig_in_shoes@yahoo.com> - 2020-11-27 14:02 +0100
        Re: Accessing DIV value on current document Tatsujin <tatsujin.3.r@gmail.com> - 2020-11-27 11:19 -0800
    Re: Accessing DIV value on current document Jake Jarvis <pig_in_shoes@yahoo.com> - 2020-11-27 13:55 +0100

#39204 — Accessing DIV value on current document

If I have the following HTML code,

<div class="outerbox">
  <div class="c1">Some words here</div>
  <div class="c2">More words here</div>
</div>

How do I access (or get a reference to) the text value in DIV class "C2"?
I thought maybe it was "document.c2.value", but I was wrong.

[toc] | [next] | [standalone]

#39206

ram@zedat.fu-berlin.de (Stefan Ram) wrote on 27 Nov 2020 in 
comp.lang.javascript:

> Tatsujin <tatsujin.3.r@gmail.com> writes:
>><div class="outerbox">
>>  <div class="c1">Some words here</div>
>>  <div class="c2">More words here</div>
>></div>
>>How do I access (or get a reference to) the text value in DIV class "C2"?
>>I thought maybe it was "document.c2.value", but I was wrong.
> 
>   I'd suggest to add an id to it and then use »getElementById«.
> 
>   Otherwise, something like
> 
> document.getElementsByClassName( "c2" )[ 0 ]
> 
>   or
> 
> document.querySelector( "div.outerbox > div.c2" )
> 
>   might work, depending on what else is contained in that document.

const C2 = document.querySelectorAll('.C2')[0]; // or other number

or

const C2 = document.querySelectorAll('div')[2]; // or other number

or

const outerbox = document.querySelector('outerbox');
const C1 = outerbox.querySelector('.C1');
const C2 = outerbox.querySelector('.C2');


-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

#39208

Am 27.11.2020 um 13:49 schrieb Evertjan.:
> ram@zedat.fu-berlin.de (Stefan Ram) wrote on 27 Nov 2020 in
> comp.lang.javascript:
> 
>> Tatsujin <tatsujin.3.r@gmail.com> writes:
>>> <div class="outerbox">
>>>   <div class="c1">Some words here</div>
>>>   <div class="c2">More words here</div>
>>> </div>
>>> How do I access (or get a reference to) the text value in DIV class "C2"?
>>> I thought maybe it was "document.c2.value", but I was wrong.
>>
>>    I'd suggest to add an id to it and then use »getElementById«.
>>
>>    Otherwise, something like
>>
>> document.getElementsByClassName( "c2" )[ 0 ]
>>
>>    or
>>
>> document.querySelector( "div.outerbox > div.c2" )
>>
>>    might work, depending on what else is contained in that document.
> 
> const C2 = document.querySelectorAll('.C2')[0]; // or other number
> 
> or
> 
> const C2 = document.querySelectorAll('div')[2]; // or other number
> 
> or
> 
> const outerbox = document.querySelector('outerbox');
> const C1 = outerbox.querySelector('.C1');
> const C2 = outerbox.querySelector('.C2');
> 
> 

that last one looks wrong, doesn't it?

there is no OUTERBOX element
there are no classes C1 and C2

[toc] | [prev] | [next] | [standalone]

#39210

This seems to work:  "document.querySelectorAll('div')[2].textContent"

Thanks guys!

[toc] | [prev] | [next] | [standalone]

#39207

Am 27.11.2020 um 13:37 schrieb Stefan Ram:
> Tatsujin <tatsujin.3.r@gmail.com> writes:
>> <div class="outerbox">
>>   <div class="c1">Some words here</div>
>>   <div class="c2">More words here</div>
>> </div>
>> How do I access (or get a reference to) the text value in DIV class "C2"?
>> I thought maybe it was "document.c2.value", but I was wrong.
> 
>    I'd suggest to add an id to it and then use »getElementById«.
> 
>    Otherwise, something like
> 
> document.getElementsByClassName( "c2" )[ 0 ]
> 
>    or
> 
> document.querySelector( "div.outerbox > div.c2" )
> 
>    might work, depending on what else is contained in that document.
> 
> 

Tatsujin:
now that you got the element, read its textContent property

https://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#Node3-textContent

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web