Question

6

How to Get Element From Path Not Class or Id

rated 0 times [ 12] [ 6] / answers: 1 / hits: 30506 / 11 Years ago, fri, september 20, 2013, 12:00:00

I am struggling to find an answer for this, I want a way to talk about an element, but because of the system I am adding to I do can not reference by its Id as it is dynamic. I can specify the class name of its containing div though... In essence what I am looking for is something along the lines of:

var disAb=document.getElementBySomething(div.ContainerDiv select)

When I mention the term 'path' I mean how I would reference it in CSS (see code reference).

Thank you guys!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leog

Add To Favorites

Follow

Total Points: 225

Total Questions: 113

Total Answers: 118

Location: Oman

Member since Wed, Apr 12, 2023

1 Year ago

leog questions

1 Why using toRef(props) and is it good idea to change their value in CompositionAPI?

Fri, Oct 1, 21, 00:00, 3 Years ago

1 Material-UI pickers trigger validation on blur not on change?

Sun, Sep 13, 20, 00:00, 4 Years ago

1 What's the difference between onClick ={ () => function()} and onClick = {function()}?

Thu, Jul 16, 20, 00:00, 4 Years ago

1 Detect an Electron instance via JavaScript

Mon, May 11, 20, 00:00, 4 Years ago

1 changing theme with react native elements not working?

Sat, Apr 18, 20, 00:00, 4 Years ago

View All

answered 11 Years ago wyattkennyc · Accepted Answer

You want document.querySelector or document.querySelectorAll, then just reference it by its hierarchy path:

Sample HTML

<div class=ContainerDiv>

   <table>

   <tr>

      <td>

        <div>

           <select>

              <option>Some options</option>

           </select>

        </div>

      </td>

   </tr>

   </table>

</div>

JS

Get single element

var select=document.querySelector(div.ContainerDiv table tr td div select);

select.id = someid;

For more than one element

var selects=document.querySelectorAll(div.ContainerDiv select);

selects[0].id = someid;

Of course you do not need each part of the hiearchy, for instance you could just use: div.ContainerDiv select or div.ContainerDiv table select etc.