I am trying to extract the
book URL from a link using microdata. The format is specified in schema.org. Here is my html.
<div class="col-sm-4 col-md-3" itemscope itemtype="http://schema.org/Book">
<div class="thumbnail">
<img src="{{
book.thumbnailurl }}" itemprop="thumbnailUrl" style="width: 100px;height: 200px;">
<div class="caption">
<h4><span itemprop="name">{{
book.name }}</span> - <span itemprop="author">{{
book.author }}</span></h4>
<p><span itemprop="about"> {{
book.about }}</span></p>
<p>
<a href="{{
book.url }}" itemprop="url" onclick="trackOutboundLink(‘{{
book.name }}’);">
<button type="button" class="btn btn-default btn-md">
<span class="glyphicon glyphicon-book"></span>Read
</button>
</a>
</p>
</div>
</div>
</div>
When I use google snippet testing tool the JSON API returns
book as a html link. However when I make the call in javascript the value of url is text("Read").
What am i missing ?
