Re: CSS selectors are syntactic sugar for XPath expressions

David Carlisle <[email protected]> Mon, 21 Mar 2022 20:16:50 +0000

Newsgroups	gmane.text.xml.devel
Message-ID	<CAEW6iOg=dcYekbR42MRVe-n46215e_wxgKuCD3xZn1vZkteQoQ@mail.gmail.com>

On Mon, 21 Mar 2022 at 17:58, Roger L Costello <[email protected]> wrote:

> Hi Folks,
>
>
> The CSS selectors are syntactic sugar (convenient shorthand notations) for
> equivalent XPath expressions.
>

er well better to say they have some overlapping functionality.

Anyway you want the CSS + selector here, a CSS selector of latitude +
longitude selects the longitude element if immediately following a latitude.

This will display Result = 42.366978, -71.022362

<!DOCTYPE  html>
<html>

  <body>

Result = <span id="res"> g</span>

<person style="display:none">
  <name>John Doe</name>
  <telephone>555-123-4567</telephone>
  <latitude>42.366978</latitude>
  <longitude>-71.022362</longitude>
</person>

  <script>
    var lng = document.querySelector('latitude + longitude');
    document.getElementById('res').textContent=
    lng.previousElementSibling.textContent + ', ' +
    lng.textContent ;
   </script>