How to access an HTML attribute and retrieve data from it in PHP?

-3

I'm new to PHP and I would like to know how to retrieve data from an HTML element such as an src?

It's very easy to do that in jQuery:

$('img').attr('src');

But I have no idea how to do it in PHP (if it is possible).

Here's an example I'm working on:

I loaded $result into SimpleXMLElement and stored it into $xml:

$xml = simplexml_load_string($result) or die("Error: Cannot create object");

Then used foreach to loop over all elements:

foreach($xml->links->link as $link){

    echo 'Image: ' . $link->{'link-code-html'}[0] . '</br>'; 

    // returns sometihing similar to: <a href='....'><img src='....'></a>

}

Inside of the foreach I'm trying to access links (src) in img.

Is there a way to access src of the img nested inside of the a — clear when outputted to the screen:

    echo 'Image: ' . $link->{'link-code-html'}[0] . '</br>';

edited Jan 1 at 16:24

asked Jan 1 at 13:36

Dexter

9517

2

Please dont summarise your code. Show all the RELEVANT code and remember to explain the data you are processing as well, with at least an example

– RiggsFolly
Jan 1 at 13:39

Well, this is all I have to share. And btw the point is already in my code, I only forgot it by mistake when I was typing here. The output is an HTML: an img inside of an a. It's easy to retrieve the attribute in jQuery, but I have no idea how to do it in PHP (if possible). And this is my question.

– Dexter
Jan 1 at 13:45

1

Then instead of echoing that straight out to the browser, put it in a variable and then you will have to do some text processing on that variable to acces/manipulate the info in those attributes

– RiggsFolly
Jan 1 at 13:50

add a comment |

-3

I'm new to PHP and I would like to know how to retrieve data from an HTML element such as an src?

It's very easy to do that in jQuery:

$('img').attr('src');

But I have no idea how to do it in PHP (if it is possible).

Here's an example I'm working on:

I loaded $result into SimpleXMLElement and stored it into $xml:

$xml = simplexml_load_string($result) or die("Error: Cannot create object");

Then used foreach to loop over all elements:

foreach($xml->links->link as $link){

    echo 'Image: ' . $link->{'link-code-html'}[0] . '</br>'; 

    // returns sometihing similar to: <a href='....'><img src='....'></a>

}

Inside of the foreach I'm trying to access links (src) in img.

Is there a way to access src of the img nested inside of the a — clear when outputted to the screen:

    echo 'Image: ' . $link->{'link-code-html'}[0] . '</br>';

edited Jan 1 at 16:24

asked Jan 1 at 13:36

Dexter

9517

2

Please dont summarise your code. Show all the RELEVANT code and remember to explain the data you are processing as well, with at least an example

– RiggsFolly
Jan 1 at 13:39

Well, this is all I have to share. And btw the point is already in my code, I only forgot it by mistake when I was typing here. The output is an HTML: an img inside of an a. It's easy to retrieve the attribute in jQuery, but I have no idea how to do it in PHP (if possible). And this is my question.

– Dexter
Jan 1 at 13:45

1

Then instead of echoing that straight out to the browser, put it in a variable and then you will have to do some text processing on that variable to acces/manipulate the info in those attributes

– RiggsFolly
Jan 1 at 13:50

add a comment |

-3

I'm new to PHP and I would like to know how to retrieve data from an HTML element such as an src?

It's very easy to do that in jQuery:

$('img').attr('src');

But I have no idea how to do it in PHP (if it is possible).

Here's an example I'm working on:

I loaded $result into SimpleXMLElement and stored it into $xml:

$xml = simplexml_load_string($result) or die("Error: Cannot create object");

Then used foreach to loop over all elements:

foreach($xml->links->link as $link){

    echo 'Image: ' . $link->{'link-code-html'}[0] . '</br>'; 

    // returns sometihing similar to: <a href='....'><img src='....'></a>

}

Inside of the foreach I'm trying to access links (src) in img.

Is there a way to access src of the img nested inside of the a — clear when outputted to the screen:

    echo 'Image: ' . $link->{'link-code-html'}[0] . '</br>';

edited Jan 1 at 16:24

asked Jan 1 at 13:36

Dexter

9517

I'm new to PHP and I would like to know how to retrieve data from an HTML element such as an src?

It's very easy to do that in jQuery:

$('img').attr('src');

But I have no idea how to do it in PHP (if it is possible).

Here's an example I'm working on:

I loaded $result into SimpleXMLElement and stored it into $xml:

$xml = simplexml_load_string($result) or die("Error: Cannot create object");

Then used foreach to loop over all elements:

foreach($xml->links->link as $link){

    echo 'Image: ' . $link->{'link-code-html'}[0] . '</br>'; 

    // returns sometihing similar to: <a href='....'><img src='....'></a>

}

Inside of the foreach I'm trying to access links (src) in img.

Is there a way to access src of the img nested inside of the a — clear when outputted to the screen:

    echo 'Image: ' . $link->{'link-code-html'}[0] . '</br>';

php regex dom

edited Jan 1 at 16:24

asked Jan 1 at 13:36

Dexter

9517

edited Jan 1 at 16:24

asked Jan 1 at 13:36

Dexter

9517

edited Jan 1 at 16:24

asked Jan 1 at 13:36

Dexter

9517

asked Jan 1 at 13:36

Dexter

9517

asked Jan 1 at 13:36

Dexter

9517

2

Please dont summarise your code. Show all the RELEVANT code and remember to explain the data you are processing as well, with at least an example

– RiggsFolly
Jan 1 at 13:39

Well, this is all I have to share. And btw the point is already in my code, I only forgot it by mistake when I was typing here. The output is an HTML: an img inside of an a. It's easy to retrieve the attribute in jQuery, but I have no idea how to do it in PHP (if possible). And this is my question.

– Dexter
Jan 1 at 13:45

1

Then instead of echoing that straight out to the browser, put it in a variable and then you will have to do some text processing on that variable to acces/manipulate the info in those attributes

– RiggsFolly
Jan 1 at 13:50

add a comment |

2

Please dont summarise your code. Show all the RELEVANT code and remember to explain the data you are processing as well, with at least an example

– RiggsFolly
Jan 1 at 13:39

Well, this is all I have to share. And btw the point is already in my code, I only forgot it by mistake when I was typing here. The output is an HTML: an img inside of an a. It's easy to retrieve the attribute in jQuery, but I have no idea how to do it in PHP (if possible). And this is my question.

– Dexter
Jan 1 at 13:45

1

Then instead of echoing that straight out to the browser, put it in a variable and then you will have to do some text processing on that variable to acces/manipulate the info in those attributes

– RiggsFolly
Jan 1 at 13:50

Please dont summarise your code. Show all the RELEVANT code and remember to explain the data you are processing as well, with at least an example

– RiggsFolly
Jan 1 at 13:39

Well, this is all I have to share. And btw the point is already in my code, I only forgot it by mistake when I was typing here. The output is an HTML: an img inside of an a. It's easy to retrieve the attribute in jQuery, but I have no idea how to do it in PHP (if possible). And this is my question.

– Dexter
Jan 1 at 13:45

Then instead of echoing that straight out to the browser, put it in a variable and then you will have to do some text processing on that variable to acces/manipulate the info in those attributes

– RiggsFolly
Jan 1 at 13:50

add a comment |

1 Answer
1

active

oldest

votes

I would do this with the built-in DOMDocument and DOMXPath APIs, and then you can use the getAttribute method on any matching img node:

$doc = new DOMDocument();

// Load some example HTML. If you need to load from file, use ->loadHTMLFile

$doc->loadHTML("<a href='abc.com'><img src='ping1.png'></a>

                <a href='def.com'><img src='ping2.png'></a>

                <a href='ghi.com'>something else</a>");

$xpath = new DOMXpath($doc);

// Collect the images that are children of anchor elements

$imgs = $xpath->query("//a/img");



foreach($imgs as $img) {

    echo "Image: " . $img->getAttribute("src") . "n";

}

answered Jan 1 at 14:21

trincot

127k1688123

It works! I've been looking for this. Simple, Clean & Easy. +5

– Dexter
Jan 1 at 14:31

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53995891%2fhow-to-access-an-html-attribute-and-retrieve-data-from-it-in-php%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

I would do this with the built-in DOMDocument and DOMXPath APIs, and then you can use the getAttribute method on any matching img node:

$doc = new DOMDocument();

// Load some example HTML. If you need to load from file, use ->loadHTMLFile

$doc->loadHTML("<a href='abc.com'><img src='ping1.png'></a>

                <a href='def.com'><img src='ping2.png'></a>

                <a href='ghi.com'>something else</a>");

$xpath = new DOMXpath($doc);

// Collect the images that are children of anchor elements

$imgs = $xpath->query("//a/img");



foreach($imgs as $img) {

    echo "Image: " . $img->getAttribute("src") . "n";

}

answered Jan 1 at 14:21

trincot

127k1688123

It works! I've been looking for this. Simple, Clean & Easy. +5

– Dexter
Jan 1 at 14:31

add a comment |

I would do this with the built-in DOMDocument and DOMXPath APIs, and then you can use the getAttribute method on any matching img node:

$doc = new DOMDocument();

// Load some example HTML. If you need to load from file, use ->loadHTMLFile

$doc->loadHTML("<a href='abc.com'><img src='ping1.png'></a>

                <a href='def.com'><img src='ping2.png'></a>

                <a href='ghi.com'>something else</a>");

$xpath = new DOMXpath($doc);

// Collect the images that are children of anchor elements

$imgs = $xpath->query("//a/img");



foreach($imgs as $img) {

    echo "Image: " . $img->getAttribute("src") . "n";

}

answered Jan 1 at 14:21

trincot

127k1688123

It works! I've been looking for this. Simple, Clean & Easy. +5

– Dexter
Jan 1 at 14:31

add a comment |

I would do this with the built-in DOMDocument and DOMXPath APIs, and then you can use the getAttribute method on any matching img node:

$doc = new DOMDocument();

// Load some example HTML. If you need to load from file, use ->loadHTMLFile

$doc->loadHTML("<a href='abc.com'><img src='ping1.png'></a>

                <a href='def.com'><img src='ping2.png'></a>

                <a href='ghi.com'>something else</a>");

$xpath = new DOMXpath($doc);

// Collect the images that are children of anchor elements

$imgs = $xpath->query("//a/img");



foreach($imgs as $img) {

    echo "Image: " . $img->getAttribute("src") . "n";

}

answered Jan 1 at 14:21

trincot

127k1688123

I would do this with the built-in DOMDocument and DOMXPath APIs, and then you can use the getAttribute method on any matching img node:

$doc = new DOMDocument();

// Load some example HTML. If you need to load from file, use ->loadHTMLFile

$doc->loadHTML("<a href='abc.com'><img src='ping1.png'></a>

                <a href='def.com'><img src='ping2.png'></a>

                <a href='ghi.com'>something else</a>");

$xpath = new DOMXpath($doc);

// Collect the images that are children of anchor elements

$imgs = $xpath->query("//a/img");



foreach($imgs as $img) {

    echo "Image: " . $img->getAttribute("src") . "n";

}

answered Jan 1 at 14:21

trincot

127k1688123

answered Jan 1 at 14:21

trincot

127k1688123

answered Jan 1 at 14:21

trincot

127k1688123

answered Jan 1 at 14:21

trincot

127k1688123

It works! I've been looking for this. Simple, Clean & Easy. +5

– Dexter
Jan 1 at 14:31

add a comment |

It works! I've been looking for this. Simple, Clean & Easy. +5

– Dexter
Jan 1 at 14:31

It works! I've been looking for this. Simple, Clean & Easy. +5

– Dexter
Jan 1 at 14:31

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu